Animando una Ilustración SVG con Css y HTML

Aprenderemos a animar una ilustración con CSS hecha en SVG en HTML
sin JavaScript
Los SVG nos dan mucha libertad a la hora de animas e ilustrar cosas
En Figma podemos crear cualquier ilustración y agregarla a código HTML
►Twitter: / djuliocb
►Twitch: / djuliox
►TikTok: / d.juliox

[@luislaol2031]

Excelente, me suscribo

[@destradar1]

Amigo de veras te agradezco porque no encontraba un video dónde me explicaran cómo preparar el svg en finga para animarlo. Muchas gracias.

[@Deus-lo-Vuilt]

Dejo Like y sub, ojala mas material, asi y de css

[@Deus-lo-Vuilt]

Buenisimo

[@gerardoluisbv]

Amazon tiene una animacion en el icono del usuario, la puedo hacer de esta forma?

[@DevJulio]

Si, debería funcionar de esta forma, si acaso necesitarías JavaScript para aplicar algún tiempo

[@rayp.9927]

hola, como puedo aplicar 2 animaciones en una misma clase(imagen svg), en uno dibujo el borde y en el otro aparece el color de relleno, pero mi problema es que aparecen las 2 animaciones a la misma vez y se reinicia rapido, no toma el tiempo de espara para otras animaciones, espero puedas ayuudarme, muchas gracias.

[@DevJulio]

Podríamos usar javascript para esperar a que termine una animación con el evento animationend

[@rayp.9927]

@@DevJulio hola gracias x tu respuesta, voy a probarlo 👍