Web Animations 是一套新标准,用于统一 CSS 和 JavaScript 动画。使用 Web Animations,您可以获得在 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
Neon 动画指南
https://elements.polymer-project.org/guides/using-neon-animations
具有 Iron Iconset 的自定义图标 -- 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 频道