Script para agregar animaciones a imágenes SVG en tu pagina web

vivus

La semana pasada les hable de un sitio donde podían encontrar un plugin para animar iconos para web, aquellos iconos estaban construidos utilizando imágenes SVG y al menos en aquel sitio los podían integrar de manera sencilla en una pagina web utilizando jQuery, en este nuevo recurso para diseñadores les vengo a compartir Vivus, un script JavaScript para agregar animaciones a imágenes SVG aprovechando la propiedad strokeDashoffset que ofrece CSS3 la cual utiliza el script para crear una animación de dibujo de lineas de las imágenes SVG que estes utilizando en tu pagina web.

El script es gratuito y muy, muy pero muy fácil de utilizar, simplemente basta con incluir el script en tu pagina y llamar a la función que se encargara de animar las imágenes SVG que le indiques en cada llamada, les dejo el enlace hacia el sitio oficial de esta librería JavaScript y espero que les sea de utilidad para dar un poco mas de dinamismo a los diseños de paginas web que realicen.

Enlace para descargar Vivus

comment ¿Que opinas?

Artículos recientes

close

Eat me, una colección tipográfica con letras de caramelo

  Massimo Gammacurta es el responsable de la creación de esta colección tipográfica inspirada en caramelos; estas ilustraciones creativas que reciben el nombre de “Eat me” representan de alguna manera mediante colores y texturas brillantes…

close

play_circle_outline Animación que explica la teoría del color para diseñadores

El día de hoy quiero compartir con ustedes una animación que explica de manera eficiente y convincente los aspecto más importantes de la teoría del color. Esta animación nos lleva desde los aspectos más fundamentales…

close

play_circle_outline Vídeo: Evolución de las cámaras Canon EOS en 30 años

Este es un simple vídeo que muestra la evolución de las cámaras Canon EOS desde hace 30 años, algo que seguro traerá un poco de nostalgia a todos los Canonistas que visitan este blog al…

close

La Biblia del Churrasco, un ejemplo de diseño interactivo que debes conocer

El día de hoy quiero compartir con ustedes un peculiar ejemplo de diseño interactivo desarrollado por el director creativo Lucas Reis; este diseño forma parte de trabajo para la marca de utensilios de cocina Tramontina,…

close

play_circle_outline Este es el primer trailer internacional de Justice League

El día de ayer se dio a conocer el primer trailer internacional de Justice League o lo que es lo mismo “La liga de la justicia“; cabe señalar, que en este nuevo trailer no se…

close

Gothan Brewery, creativo diseño de packaging inspirado en personajes de DC Comics

La inspiración puede venir de cualquier parte desde un sueño hasta el amor por nuestro personaje o universo favorito; tal es el caso del estudiante de diseño Dmitry Kultygin quien ha realizado un genial proyecto de…

notifications Recién publicamos
close