Cómo crear un div con fondo traslúcido con distorsión en CSS

deskpro123 Seguir

Iota
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
5 Jun 2012
Mensajes
2.014
Hola a todos, quisiera saber como puedo hacer un background o un div distorcionado, osea que sea transparente, que se vea lo de abajo pero con un poco de distorción

Ejemplo:

XOoft6a.jpg


Gracias de antemano amigos,
 

zenok

Gamma
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 May 2009
Mensajes
193
Con esto:

Insertar CODE, HTML o PHP:
  -webkit-filter: blur(5px);  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
 

deskpro123

Iota
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
5 Jun 2012
Mensajes
2.014
Con esto:

Insertar CODE, HTML o PHP:
  -webkit-filter: blur(5px);  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);

Muchas gracias amigo, tambien lo andaba viendo en un JSFIDDLE, el truco esta en -webkit-filter:blur(5px);...Gracias por darme el codigo completo, espero le sirva a mas usuarios...
 

zenok

Gamma
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 May 2009
Mensajes
193
Aunque no se si realmente funciona para capas o solo para fondos
 
Arriba