網頁動畫是整合 CSS 和 JavaScript 動畫的一組新標準。運用網路動畫,您可以在 GPU 上發揮動畫效果,同時保有使用 JavaScript 作業的控制。但是要協調所有這些動畫並不容易,幸好還有一個元素。
在本集中,我將教您如何使用 Polymer Element 目錄內的霓虹動畫行為來混合流暢的動畫行為,而無須費心自行管理所有事情。我們充分掌握了這些知識,接下來的一集節目將帶領大家認識經典的霓虹動畫網頁元素。
閱讀更多資訊
專案來源
https://github.com/Polymer/polycasts/tree/master/ep23-neon-animation/login-panel
霓虹動畫文件
https://elements.polymer-project.org/elements/neon-animation?active=neon-animated-pages
霓虹動畫指南
https://elements.polymer-project.org/guides/using-neon-animations
含 Iron 圖示的自訂圖示 -- Polycasts #22
https://www.youtube.com/watch?v=tjmRUgUca1g&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2
行為 -- Polycasts #21
https://www.youtube.com/watch?v=YrlmieL3Z0k&index=1&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN
鐵圖示 -- Polycasts #20
https://www.youtube.com/watch?v=6kkNgVG6LuI&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1
更多資訊
- Polymer Slack:http://bit.ly/polymerslack
- 訂閱 Google Developers 頻道