Efecto de desenfoque en un elemento div

Question

¿Es posible agregar un desenfoque gaussiano en el elemento div? Si es así, ¿cómo puedo hacer esto?

Answer 1

Trate de usar esta biblioteca: https://github.com/jakiestfu/Blur.js-II

Eso debe hacerlo para ti.

Answer 2

Esto es lo que encontré:

Demostración: http://tympanus.net/Tutorials/ItemBlur/

y Tutorial: http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/

Answer 3

creo que esto es lo que busca? Si usted está mirando para agregar un efecto borroso a un elemento div, puede hacerlo directamente a través de CSS Filters-- Ver violín: http://jsfiddle.net/ayhj9vb0/

div { 
    -webkit-filter: blur(5px); 
    -moz-filter: blur(5px); 
    -o-filter: blur(5px); 
    -ms-filter: blur(5px); 
    filter: blur(5px); 
    width: 100px; 
    height: 100px; 
    background-color: #ccc; 

}