思考如何解决 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

返回到所有分集