Blur-Effekt auf einem div-Element

Question

Ist es möglich, eine 0-Gaußsche Unschärfe hinzuzufügen? Wenn ja, wie kann ich das machen?

Answer 1

Versuchen Sie, diese Bibliothek: https://github.com/jakiestfu/Blur.js-II

, dass es für ya tun sollten.

Answer 2

Dies ist, was ich gefunden habe:

Demo: http://tympanus.net/Tutorials/ItemBlur/

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

Answer 3

Ich denke, das ist, was Sie suchen? Wenn Sie einen Unschärfe-Effekt auf ein div-Element hinzuzufügen, suchen, können Sie dies direkt durch CSS Filters-- Siehe Geige: 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; 

}