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 animariconos 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 propiedadstrokeDashoffset 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

Mockups PSD para productos de comida rápida

El día de hoy comparto con ustedes unos cuantos recursos ideales para realizar el branding de una empresa dedicada al ramo de la comida rápida. Estos Mockups en formato PSD son totalmente gratis; y podrás descargarlo…

close

Amordio, Una colección de gif’s animados inspirados en el amor y el odio

Quiero compartir con ustedes una peculiar colección de Gif’s animados inspirados en el amor y el odio; dos figuras que parecen antagonistas pero que han sido protagonistas en miles de novelas y libros. No obstante,…

close

5 cosas que todo diseñador debe saber

Existen algunas cosas que en ámbito profesional todo diseñador debe saber; se trata de principios fundamentales de venta y trabajo que no debemos dejar pasar. Aún así, en ocasiones las pasamos por alto debido a…

close

play_circle_outline ELMO es despedido de plaza sésamo por culpa de Trump

What’s Trending un sitio web no ha tardado en reaccionar a las declaraciones del presidente Donald Trump; declaraciones en las cuales se anuncia el recorte presupuestal a los programas de arte y humanidades para televisión….

close

play_circle_outline Burger King regala Whoppers de por vida a victimas de bullying por su apellido

Burger King ha iniciado una campaña para premiar a aquellos que ha sufrido Bullying; sin embargo, esto no aplica a todos; ya que únicamente se esta centrando en aquellos que han sufrido de esta practica…

close

play_circle_outline Mira el creativo curriculum en forma de pizza de un diseñador, simplemente genial

Tener creatividad cuando nos dedicamos al negocio de la creatividad es algo imprescindible; y es que muchos en ocasiones se limitan a copiar las obras de aquellos que han tenido éxito. Sin embargo, aún quedan…

notifications Recién publicamos
close