在今日的 GUI 挑战赛中,@AdamArgyleInk 将经典科幻电影的 3D 文本效果以 #CSS 方式旋转,使其具有互动性。由最新的 Scroll Animations 1 规范所规定,由 CSS 滚动链接动画提供支持,当他滚动一些文本并使其消失到银河系的边缘(也就是视口)时,请观察。
章节:
- 0:00 - 简介
- 0:29 - 简介
- 1:00 - 故事时间
- 2:20 - 滚动驱动的动画
- 3:21 - HTML
- 4:00 - CSS
- 8:58 - 调试
- 10:52 - 结尾
资源:
- 试用演示版 → https://goo.gle/410acMc
- 获取源代码 → https://goo.gle/408Nkc1
- 查看相关规范 → https://goo.gle/3pvWX49
观看更多 GUI 挑战 → https://goo.gle/GUIchallenges
订阅 Google Chrome Developers 频道 → https://goo.gle/ChromeDevs