Animaciones web fluidas

Las animaciones web son un nuevo conjunto de estándares para unificar las animaciones CSS y JavaScript. Con Web Animations obtienes la potencia de la animación en la GPU y, al mismo tiempo, mantienes el control del trabajo en JavaScript. Sin embargo, coordinar todas estas animaciones no es una tarea fácil y, por suerte, existe un elemento que eso representa. En realidad, un comportamiento, pero de verdad.

En este episodio, te enseñaré cómo usar los comportamientos de animación de neón del catálogo de Polymer Element para combinar comportamientos de animación fluidos sin la molestia de administrar todo tú mismo. Con este conocimiento, todos estamos listos para aprender sobre el legendario elemento de las páginas animadas en neón en un episodio siguiente.

Más información

Fuente del proyecto

https://github.com/Polymer/polycasts/tree/master/ep23-neon-animation/login-panel

Documentos con animaciones en neón

https://elements.polymer-project.org/elements/neon-animation?active=neon-animated-pages

Guía animada en neón

https://elements.polymer-project.org/guides/using-neon-animations

Íconos personalizados con conjuntos de íconos de hierro: Polycasts n.o 22

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

Comportamientos: polilíneas n.o 21

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

Íconos de hierro: Polycasts n.o 20

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

Más información