세련된 웹 애니메이션

웹 애니메이션은 CSS 및 JavaScript 애니메이션을 통합하기 위한 새로운 표준입니다. 웹 애니메이션을 사용하면 JavaScript에서 작업의 제어를 유지하면서 GPU에서 애니메이션 효과를 얻을 수 있습니다. 그러나 이러한 모든 애니메이션을 조정하는 것은 쉬운 작업이 아니며 다행히 이러한 요소가 있습니다. 실제로 동작이지만 여러분과 함께하세요.

이 에피소드에서는 모든 것을 직접 관리하는 번거로움 없이 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 Iconsets가 포함된 맞춤 아이콘 -- Polycasts #22

https://www.youtube.com/watch?v=tjmRUgUca1g&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2

동작 -- Polycast #21

https://www.youtube.com/watch?v=YrlmieL3Z0k&index=1&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN

아이언 아이콘 -- Polycast #20

https://www.youtube.com/watch?v=6kkNgVG6LuI&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1

추가 정보