close
css 3D 動畫 (3D animation) ：立方體
- 說明： css level 3 (css 3)
animation動畫特性，搭配 3Dtransform造形，讓我們不需用到 3D 動畫軟體，不需要撰寫程式，不需要 3D 繪圖，就能做出 3D 立體透視效果。特別僅運用 CSS 技術，做出簡單的 3D 立方體及動畫範例。 - 適合：想模仿範例自行製作者，須熟悉 html 及 css 語法。
- 難度：
- 更新：
- 支援：依據個別範例内標註。 (不過，可能玩過頭，瀏覽器有點招架不住。)
- 參考資源
-
- css animations - w3c 官方文件 (英文) 。
- css transforms - w3c 官方文件 (英文) 。
散佈、展示請參閱 Creative Commons 授權條文，禁止重混，引述請增加原文連結。
文章標籤
全站熱搜
CSS selectors語法(CSS教學) (3)
css 3D 立方體動畫
CSS 3D 動畫瘋 (範例來源連結)