對div元素的模糊效果

Question

是否可以在div元素上添加高斯模糊？如果是的話，我該如何做到這一點？

Answer 1

嘗試使用這個庫：https://github.com/jakiestfu/Blur.js-II

應該這樣做對你。

Answer 2

這是我發現：

演示：http://tympanus.net/Tutorials/ItemBlur/

和教程：http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/

Answer 3

我認爲這是你在找什麼？如果您正在尋找添加一個模糊效果的div元素，你可以通過CSS Filters--見撥弄直接做到這一點：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; 

}