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

deskpro123

Zeta

Verificación en dos pasos activada

• 28 Abr 2014

• #1

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:

Gracias de antemano amigos,

 

Z

zenok

Gamma

Programador

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 28 Abr 2014

• #2

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

Zeta

Verificación en dos pasos activada

• 28 Abr 2014

• #3

zenok dijo:

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);

Hacer clic para expandir...

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...

 

Z

zenok

Gamma

Programador

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 28 Abr 2014

• #4

Aunque no se si realmente funciona para capas o solo para fondos