思考如何解決 3D 科幻文字

在今天的 GUI Challenge 中，@AdamArgyleInk 用了 #CSS 動畫呈現經典科幻電影 3D 文字效果，讓使用者以互動方式體驗捲動畫面。採用最新捲動動畫 1 規格指定的 CSS 捲動連結動畫技術，您可以留意他捲動文字時，會消失在銀河系 (um) 或 um (也就是可視區域) 的邊緣。

章節：

  • 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 開發人員 → https://goo.gle/ChromeDevs

返回所有集數