martes, 7 de julio de 2015

Efecto Desenfoque con SVG


Hoy vamos a mostrarte cómo hacer un efecto de desenfoque de movimiento y aplicarlo a animaciones JS o CSS regulares de los elementos HTML. El desenfoque de movimiento es una técnica ampliamente utilizada en gráficos y la animación en general para hacer el movimiento parezca más suave y natural. 
En este artículo, vamos a echar un vistazo a cómo hacer una aproximación de dicho efecto, para las transiciones horizontales o verticales.
El desenfoque de movimiento es la aparente rayas de objetos que se mueven rápidamente en una imagen fija o una secuencia de imágenes como una película o animación. Fuente Wikipedia
Atención: Por favor, tenga en cuenta que este efecto es altamente experimental y sólo con el apoyo de algunos navegadores modernos. Chrome parece tener el mejor rendimiento hasta ahora. Fuente

DEMO / DESCARGA

Espero que hayan disfrutado de aprender algo nuevo hoy, deje su comentarios y recuerden darle LIKE a nuestra pagina en FACEBOOK y siguenos en  TWITTERayúdanos a seguir creciendo. Espero que con estas ideas darles un poco de inspiración para su próximo proyecto!

0 comentarios: