Como criar uma div com fundo translúcido com distorção em CSS

deskpro123

Zeta

Verificación en dos pasos activada

• 28/04/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

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 28/04/2014

• #2

Con esto:

Inserir CODE, HTML ou 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/04/2014

• #3

zenok disse:

Con esto:

Inserir CODE, HTML ou PHP:

  -webkit-filter: blur(5px);  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);

Clique 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

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 28/04/2014

• #4

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