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

play_circle_outline The Defenders, la nueva serie de Netflix de super heroes estrena su ultimo trailer

The Defenders, la nueva serie de Marvel que ha levantado mucho animo entre la comunidad y los fanáticos de Marvel por fin ha estrena su ultimo trailer. En este nuevo trailer porfió podemos ver trabajar…

close

El aterrador trailer en realidad virtual de It ya esta aquí

It o Eso es la segunda adaptación de la novela publicada en 1986 de Stephen King; la cual, se volvió famosa al tornarse un fiel representante de los miedos de los niños de esa época….

close

Creativa campaña gráfica usando Comics contra las ETS

Las campañas que buscan crear conciencia sobre los riesgos de las enfermedades de transmisión sexual suelen tener como contenido imágenes de jóvenes arrepentidos o inclusive de los efectos que estas producen; lo cual, ha dejado…

close

Spotify está eliminando música relativa a la ‘supremacía blanca’

Los noticiarios y las redes sociales no dejan de hablar del ataque de odio originado en Charlottesville, Virginia; en el cual, un grupo de manifestantes en favor de la “Supremacía Blanca” se tornará violento. Derivado de…

close

Perturbadoras ilustraciones de personajes animados por Wil Hughes

El día de hoy quiero compartir con ustedes unas geniales ilustraciones realizadas por el ilustrador y artista Will Hughes; el cual, ha realizado una obra hiperrealista basada en diversos personajes animados provenientes de la cultura…

close

3, 2, 1… Photoshop!, el tutorial de Adobe Photoshop para principiantes

Adobe siempre busca ayudar a sus usuarios a explotar todas las caracteristicas de sus productos, por ello, continuamente esta lanzando tutoriales para ayudar a retomar el camino correcto o para orientar a los usuarios con…

notifications Recién publicamos
close