Tecnologías
-
SMIL
El reto
Simple animación sobre un icono en formato SVG. Animado con SMIL que es un lenguaje basado en XML para brindar dinamismo. Animar transformaciones, propiedad de color, seguir el movimiento de un path.
La animación consta de un elemento SVG y dentro del mismo SVG están las propiedades de animación que definen el movimiento por medio de un Pattern, el cual al final funciona como una mascara con movimiento.
Contiene también un poco de CSS para darle un poco de presentación al pen, pero la magia completa se encuentra dentro del tag SVG.
El crédito del gráfico svg son par la página svgrepo un repositorio de iconos SVG muy buenos.