Effet de flou sur un élément div

Question

Est-il possible d'ajouter un flou gaussien sur l'élément div? Si oui, comment puis-je faire cela?

Answer 1

Je pense que c'est ce que vous cherchez? Si vous souhaitez ajouter un effet de flou à un élément div, vous pouvez le faire directement via Filtres CSS - Voir violon: 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

Essayez d’utiliser cette bibliothèque: https://github.com/jakiestfu/Blur.js-II

Cela devrait le faire pour toi.

Answer 3

C'est ce que j'ai trouvé:

Démo: http://tympanus.net/Tutorials/ItemBlur/

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