Gráficos vectoriales SVG: ilustrar y animar con código

Resumen

“Animar archivos SVG con CSS es trivial si ya conoces los principios de la animación de CSS, pero si no es así, quiero aprovechar esta lección para recordártelos, y con suerte descubrirte alguna propiedad que sea menos conocida. ”

En esta videolección, Javier Usobiaga Ferrer aborda el tema: Animación con CSS, que forma parte del curso online de Domestika: Gráficos vectoriales SVG: ilustrar y animar con código. Aprende a trabajar con ilustraciones vectoriales en tus páginas web, de la línea a la animación interactiva.

Transcripción parcial del vídeo

“[Música] Bueno, muchos conoceréis los principios de animación en CSS. En esta lección vamos a hacer un repaso a las diferentes cuestiones técnicas pero también descubriremos algunas propiedades que quizás no son tan conocidas y nos van a ser de mucha utilidad. [Música] Una animación en CSS se debe definir primero a través de @keyframes y un nombre de animación y luego nos referiremos a ella más adelante. Todo lo que pongamos entre las llaves formará parte de esta animación. En este caso estamos viendo una animación muy simple que va desde, from una propiedad y un valor hasta otra propiedad ...”

Generamos automáticamente esta transcripción y puede haber erratas.

Resumen del curso: Gráficos vectoriales SVG: ilustrar y animar con código

• Nivel: Iniciación
• 98% valoraciones positivas (271)
• 9107 estudiantes
• 7 unidades didácticas
• 32 lecciones (2h 2m)
• 6 recursos adicionales

• Categoría

  Diseño Web y App

• Software

  Adobe Illustrator, Sketch

• Áreas

  Animación, Desarrollo Web, Diseño interactivo, Diseño Web