思考如何解决 3D 科幻文字中的问题

在今日的 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 - 结尾

资源：

观看更多 GUI 挑战 → https://goo.gle/GUIchallenges

订阅 Google Chrome Developers 频道 → https://goo.gle/ChromeDevs

返回到所有分集