Estoy practicando con imagenes SVG
y las propiedades stroke-dashoffset
y stroke-dasharray
(soy muy novato), y he logrado una pequeña animación de un escudo que se forma mediante líneas, pero acabada la animación la imagen desaparece, quisiera que se animara el logotipo y se quedara visible, algo asi como un efecto reveal.
Anexo enlace al código
snippet
, que para eso existen. Tienes mi -1.animation-fill-mode:forwards
. Por defectoanimation-fill-mode: none
, - o sea el elemento vuelve al punto de partida. Por de otra parte si utilizasanimation-fill-mode:forwards
el elemento se queda en el punto donde acabó la animación.