css 3D 動畫 (3D animation) :立方體

  • 說明: css level 3 (css 3) animation 動畫特性,搭配 3D transform 造形,讓我們不需用到 3D 動畫軟體,不需要撰寫程式,不需要 3D 繪圖,就能做出 3D 立體透視效果。特別僅運用 CSS 技術,做出簡單的 3D 立方體及動畫範例。
  • 適合:想模仿範例自行製作者,須熟悉 htmlcss 語法。
  • 難度:等級1
  • 更新:
  • 支援:依據個別範例内標註。 (不過,可能玩過頭,瀏覽器有點招架不住。)

css 3D 立方體動畫

CSS 3D 動畫瘋 (範例來源連結)

參考資源
散佈、展示請參閱 Creative Commons 授權條文,禁止重混,引述請增加原文連結。
文章標籤
創作者介紹

網頁藝術思考 - CSS 網頁設計藝術, 友善的無障礙網頁

不惑仔 發表在 痞客邦 PIXNET 留言(0) 人氣()