CSS Animation：簡介 & 簡易 DEMO

.element { animation-name animation-duration animation-delay animation-timing-function animation-iteration-count animation-direction animation-fill-mode animation-play-state}

.element { animation: name duration delay timingFunc count direct fillMode; animation-play-state}

animation-name

animation-duration

animation-delay

animation-timing-function

http://cubic-bezier.com/#.67,-0.34,.49,1.43

http://cubic-bezier.com/#.67,-0.34,.49,1.43

animation-iteration-count

animation-direction

animation-fill-mode

animation-play-state

CSS Triggers - https://csstriggers.com/

https://csstriggers.com/

https://docs.google.com/spreadsheets/d/1Hvi0nu2wG3oQ51XRHtMv-A_ZlidnwUYwgQsPQUg1R2s/pub

https://docs.google.com/spreadsheets/d/1Hvi0nu2wG3oQ51XRHtMv-A_ZlidnwUYwgQsPQUg1R2s/pubhttps://docs.google.com/spreadsheets/d/1Hvi0nu2wG3oQ51XRHtMv-A_ZlidnwUYwgQsPQUg1R2s/pub

High Performance Animations | HTML5 ROCKS

http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/

http://codepen.io/dapacreative/pen/bNZbMM

https://jsbin.com/hirukuz/1/edit?html,css,output

https://jsbin.com/hirukuz/2/edit?css,output

https://jsbin.com/hirukuz/8/edit?html,output

https://output.jsbin.com/hirukuz

http://www.ithome.com.tw/video/108431 http://s.itho.me/modernweb/2016/trackb/Amos/amos-ppt.html

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

http://unmatchedstyle.com/news/css-animation.php

http://codepen.io/dapacreative/full/bNZbMM/

http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/

http://www.ithome.com.tw/video/108431http://s.itho.me/modernweb/2016/trackb/Amos/amos-ppt.htmlhttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animationshttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animationshttp://unmatchedstyle.com/news/css-animation.phphttp://codepen.io/dapacreative/full/bNZbMM/http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/

Engineering

CSS Animation：簡介 & 簡易 DEMO