Efekt rozmycia na elemencie div

Question

Czy można dodać rozmycie gaussowskie na elemencie div? Jeśli tak, w jaki sposób mogę to zrobić?

Answer 1

Spróbuj użyć tej biblioteki: https://github.com/jakiestfu/Blur.js-II

że powinien to zrobić dla ciebie.

Answer 2

To co znalazłem:

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

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

Answer 3

myślę, że to jest to, czego szukasz? Jeśli szukasz dodać efekt rozmycia elementu div, można to zrobić bezpośrednio przez CSS Filters-- See skrzypce: 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; 

}