在今天的 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 Developers 频道 → https://goo.gle/ChromeDevs