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

Lavender Fields, hermosas fotografías de un campo de lavanda por Jacek Kadaj

Jacek Kadaj es el fotógrafo que nos ha regalado eta majestuosa vista de una granja de lavanda; la cual, brinda un hermosos espectáculo a la vista y que ha sido captado por Kadaj; quien es de origen…

close

Adobe libera accidentalmente Nimbus, su nuevo software de edición fotográfica

El año pasado Adobe anunciaba que se encontraba trabajando en el desarrollo de una nueva plataforma de edición fotográfica, el cual, estaba pensado para personas no tan versadas en el tema. Este proyecto que se…

close

Artista transforma las calles de Nueva York en divertidas caricaturas

Tom Bob es un artista con sede en Nueva York que ha decidido salir a las calles para plasmar en diversos objeto urbanos sus caricaturas; esto se conoce en el argot artístico como “Street Art”…

close

Coca-Cola estrena un nuevo diseño de packaging para Coca-Cola Zero

Coca-Cola ha decidido renovar la imagen de uno de sus más recientes productos Coca-Cola Zero; el cual, además de estrenar un nuevo diseño de packaging estrena una nueva identidad; Coca-Cola Zero Azúcar, de manera oficial….

close

play_circle_outline Como crear un efecto de pintura o grabado con Adobe Illustrator

Las herramientas de Adobe nos brinda miles de posibilidades para desahogar nuestro ingenio creativo; es por eso, que regularmente recurrimos a tutoriales para explorar aquellas que no dominamos y por lo cual; Adobe lanza algunos…

close

The Rock johnson y Siri protagonizan el nuevo comercial de Apple

El actor Dwayne Johnson conocido como “La Roca” protagoniza de manera conjunta con Siri el nuevo comercial de Apple; el cual, muestra como el actor se sumerge en el reto de completar varias tareas con ayuda del…

notifications Recién publicamos
close