Hiệu ứng làm mờ trên phần tử div

Question

Có thể thêm một gaussian blur lên thành phần div không? Nếu có, làm thế nào tôi có thể làm điều này?

Answer 1

Hãy thử sử dụng thư viện này: https://github.com/jakiestfu/Blur.js-II

Điều đó nên làm điều đó cho ya.

Answer 2

Đây là những gì tôi thấy:

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

và Hướng dẫn: http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/

Answer 3

Tôi nghĩ rằng đây là những gì bạn đang tìm kiếm? Nếu bạn đang tìm cách thêm hiệu ứng mờ vào phần tử div, bạn có thể thực hiện việc này trực tiếp thông qua Bộ lọc CSS - Xem fiddle: 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; 

}