狠狠撸

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

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

8. animation-name

9. animation-duration

10. animation-delay

11. animation-timing-function 參參考：http://cubic-bezier.com/#.67,-0.34,.49,1.43

12. animation-iteration-count

13. animation-direction

14. animation-?ll-mode

15. animation-play-state

18. CSS Triggers - https://csstriggers.com/

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

20. High Performance Animations | HTML5 ROCKS

21. High Performance Animations | HTML5 ROCKS

54. ? ? 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/

狠狠撸

CSS Animation：簡介 & 簡易 DEMO

More Related Content

CSS Animation：簡介 & 簡易 DEMO