counter
 
 
El efecto Blur lo que hace es crear una especie de desvanecimiento de la imagen, a continuación les mostraremos como agregar este efecto utilizando código CSS3.
 
Efecto Blur (Desvanecimiento) a una imagen con CSS3
Entre otros efectos que hemos visto están; efecto en escala de grisesefecto Sepiaefecto saturado, el efecto de invertir los colores y el efecto de contraste, hoy veremos cómo agregar el efecto de “Desvanecimiento” a una imagen.

Blur
 
Aquí aplicamos blur(10px) esto hará un efecto de desvanecimiento:
 
La opción es Blur(10px) donde el porcentaje es que tanto quieres que el filtro actue.

-webkit-filter: blur(10px);  /* Chrome - Safari */
-moz-filter: blur(10px);  /* Firefox */
-ms-filter: blur(10px); /* IE9 */
-o-filter: blur(10px);  /* Opera */
 
El ejemplo lo realizaremos con esta imagen http://www.mundonets.com/images/paisaje-rural-hd.jpg
 
Le agregamos el estilo: style=" -webkit-filter : blur(10px);-moz-filter: blur(10px); -ms-filter: blur(10px); -o-filter: blur(10px);   "
 
El código de la imagen quedaría asi:
 
<img src="http://www.mundonets.com/images/paisaje-rural-hd.jpg" style="width : 400px; -webkit-filter : blur(10px);-moz-filter: blur(10px); -ms-filter: blur(10px); -o-filter: blur(10px);   ">
 
Esta es la imagen original:
 

 
Este es el resultado con el efecto:
 
 
 

Escribir un comentario

Nota: Los comentarios escritos en mayúsculas o tipo SMS serán eliminados, al igual que los comentarios ofensivos o sin educación contra los lectores y/o editores de este medio.

También pueden reportar los comentarios ofensivos para ser borrados.

Código de seguridad
Refescar

Ultimos Comentarios!

  • Inscripciones para “La Voz Kids 2017” del Canal Caracol

    jhon jarinson jhon jarinson Jue 23/nov/2017
    Hola soy jhon jarinson guzman y estoy aquí para que me siten en la voz kids mi numero es 3208646804

    Leer más...

  • Inscripciones para “La Voz Kids 2017” del Canal Caracol

    jhon jarinson jhon jarinson Mie 22/nov/2017
    Mi nombre es Jhon jarinson canto desde los 11 balada cristiana y tengo 12 años y quisiera cantar en la ...

    Leer más...

  • Inscripciones para “La Voz Kids 2017” del Canal Caracol

    alexis alexis Mie 22/nov/2017
    muy buenas noches entidad publicitaria de televisión, me gustaría saber sobre el tiempo limite de ...

    Leer más...

  • Lotería del Huila martes 21 de noviembre 2017

    olga bejarano olga bejarano Mie 22/nov/2017
    Buenas noches en mi fracion aparece un numero y dice gana fijo sin serie es un numero distinto al del ...

    Leer más...

  • Inscripciones abiertas para “La Voz Teens” del Canal Caracol

    Alvaro Stiven Alvaro Stiven Mie 22/nov/2017
    Cordial saludo mi nombre es alvato stiven rojas barreto tengo 11 años ami me gusta candar desde los 5 ...

    Leer más...