在今天的 GUI 挑戰中,@AdamArgyleInk 帶來一些有趣的效果,運用 CSS 自訂屬性、要求動畫頁框和 JavaScript 來創造物理使用者介面效果。
章節:
- 0:00 - 簡介
- 0:30 - 背景
- 1:32 - 字母間距
- 2:35 - 字型大小
- 3:00 - 比例
- 3:28 - 漸層
- 3:42 - 邊框半徑
- 3:53 - 寬度
- 4:08 - 旋轉
- 5:26 - 跳出
- 6:28 - 重組堆疊
- 7:05 - 遊樂場
- 10:48 - 偵錯中心
- 13:00 - HTML
- 13:17 - JavaScript
- 15:00 - 彈簧物理學說明
- 18:28 - 示範模式說明
- 20:35 - 結尾
資源:
- 立即試用 → https://goo.gle/3GcHD58
- 取得原始碼 → https://goo.gle/3n4Sfcg
觀看更多 GUI 挑戰 → https://goo.gle/GUIchallenges
訂閱 Google Chrome 開發人員 → https://goo.gle/ChromeDevs