css
3 動態視覺範例展演
css
3 動畫範例二則:動態視覺
說明:
css
level 3
(
css
3) 引領視覺設計進入了動畫層次,讓我們可以很容易製作出以往必須倚靠動畫程式才能完成的效果。特別僅運用
CSS
技術,設計出一連串令人意想不到的動態效果,期望能激發更多的設計想像空間。
適合:想模仿範例自行製作者,須熟悉
html
及
css
語法。
難度:
更新:
2013-4-26
支援:依據個別範例内標註。
(一)
CSS
動畫設計特效發想
CSS
動態視覺狂想曲
(範例來源連結)
(二)
css
動態視覺發想
css
玩視覺特效
(範例來源連結)
參考資源
css
animations
-
w3c
官方文件 (英文) 。
css
transitions
-
w3c
官方文件 (英文) 。
css
Image Values
-
w3c
官方文件 (英文) 。
散佈、展示請參閱
Creative Commons
授權條文
,禁止重混,引述請增加原文連結。
(一) CSS 動畫設計特效發想
CSS 動態視覺狂想曲 (範例來源連結)
(二) css 動態視覺發想
css 玩視覺特效 (範例來源連結)