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

100 Iconos temáticos para paginas web gratis

Les comparto este paquete de 100 iconos temáticos gratis que me encontré navegando por Dribbble, esta serie de iconos no se centra en redes sociales, servicios web y tampoco se trata de iconos para controles o aplicaciones,…

close

La importancia de crear packaging sustentable

Packaging sustentable, es una de las tendencias que se han seguido desde hace unos años por parte de las empresas; tendencia que ha ido en aumento y que resulta beneficiosa para el medio ambiente. Es…

close

Pareja celebra su compromiso con una romántica sesión fotográfica inspirada en La La Land

Ellen Wleklinski y Corey Collins son una pareja que han decidido recrear algunas escenas de la película “La La Land“; esto como una forma de celebrar su compromiso como pareja. Sin duda, esta sesión fotografica…

close

25 Fuentes gratuitas perfectas para diseño de logos

Les comparto una recopilación con 25 fuentes gratuitas que pueden ser perfectas para diseño de logos, son diferentes estilos de tipografías los que encontraras en esta recopilación los cuales te pueden servir como base para…

close

The Washington Post renueva su eslogan y anuncia la muerte de la democracia

Democracy Dies In Darkness, es el nuevo eslogan de uno de los iconos en el mundo del periodismo; este slogan lanzado por el periodico The Washington Post anuncia la muerte de la democracia debido al…

close

Adorables obras de arte comestibles realizadas en galletas oreo

La artista Tisha Cherry gusta de realizar obras de arte en productos comestibles; situación que se hace evidente si visitas su cuenta de Instagram denominada TishaCherry. Esta artista culinaria ha creado unos curiosas obras de…

notifications Recién publicamos
close