html - hacer - Efecto de desenfoque en un elemento div

efectos de fondo css

Question

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

Answer 1

¿Creo que esto es lo que estás buscando? Si está buscando agregar un efecto de desenfoque a un elemento div, puede hacerlo directamente a través de los filtros CSS. 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;

}

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

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

Eso debería hacerlo por ti.