在今天的 GUI Challenge 中,@AdamArgyleInk 用 CSS 的裁剪路徑和轉換功能創造了網路故障效果。
章節:
- 0:00 - 簡介
- 0:38 - 總覽
- 2:00 - 偵錯中心
- 3:34 - 裁剪路徑雜訊
- 4:41 - 變形
- 5:55 - 裁剪路徑主要畫面格
- 6:45 - 轉換主要畫面格
- 7:50 - HTML
- 8:17 - CSS
- 9:56 - JS
- 12:46 - 偵錯主要畫面格
- 13:13 - 結尾
資源:
- 立即試用 → https://goo.gle/3DxL7i4
- 取得原始碼 → https://goo.gle/3Hocxbq
觀看更多 GUI 挑戰 → https://goo.gle/GUIchallenges
訂閱 Google Chrome 開發人員 → https://goo.gle/ChromeDevs