利用HTML5、css的一些動畫功能，可以設計出非常炫酷的動畫，但是由於並不是所有的瀏覽器都支援，所以可能需要prefix,這個過程是比較煩的。一個比較好用的線上工具：
http://matthewlein.com/ceaser/
CSS animation online生成工具
相關文章
- CSS animation 動畫CSS動畫
- [譯]A Simple CSS Animation TutorialCSS
- CSS3 animation 動畫CSSS3動畫
- [ CSS ] animation 快速參考CSS
- Vue中使用animation.cssVueCSS
- CSS3 animation-directionCSSS3
- CSS3 animation-delayCSSS3
- CSS3 animation-durationCSSS3
- CSS3 animation-nameCSSS3
- CSS3 animation 練習CSSS3
- CSS動畫：animation、transition、transform、translateCSS動畫ORM
- css3 animation動畫技巧CSSS3動畫
- css3 transform與animation妙用CSSS3ORM
- CSS3 animation-fill-modeCSSS3
- CSS3 animation-play-stateCSSS3
- CSS3 animation逐幀動畫CSSS3動畫
- Animation.css學習筆記CSS筆記
- CSS3 animation-iteration-countCSSS3
- CSS3 之 transform & transition & animationCSSS3ORM
- 強大的CSS動畫：Transition與AnimationCSS動畫
- CSS3 animation-timing-functionCSSS3Function
- css3 動畫（三）animation 簡介CSSS3動畫
- css3中的animation屬性CSSS3
- css/js online online code editor/formator/debugerCSSJSORM
- 漪漣波紋效果 css3 animationCSSS3
- css3 animation動畫程式碼例項CSSS3動畫
- 深入理解CSS3 Animation 幀動畫CSSS3動畫
- javascript動態改變css3的animationJavaScriptCSSS3
- CSS Animation triggers text rendering change in SafariCSS
- 10個視覺化 CSS 工具， 快速生成 CSS 片段，渣男，又想拋棄我！！視覺化CSS
- 十款好用的線上 CSS3 程式碼生成工具CSSS3
- MySQL online ddl 工具之pt-online-schema-changeMySql
- 【MySQL】online ddl 工具之pt-online-schema-changeMySql
- CSS3 animation – steps 函式詳解CSSS3函式
- 你可能不知道的 CSS3 AnimationCSSS3
- 也許你不知道，JS animation比CSS更快！JSCSS
- CSS3中translate、transform、translation和animation的區別CSSS3ORM
- 純CSS3屬性animation實現的打字效果CSSS3