2012-08-15 2 views
26

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

+1

Co znalazłeś do tej pory? Czy szukałeś w Google tego problemu? –

+0

możliwy duplikat [efekt Rozmycie gaussowskie HTML5] (http://stackoverflow.com/questions/2975089/html5-gaussian-blur-effect) –

+0

możliwy duplikat [Jak zastosować filtr rozmycia CSS 3 do obrazu tła, który mam ustawiasz z obrazem tła?] (http://stackoverflow.com/questions/20039765/how-to-apply-a-css-3-blur-filter-to-a-background-image-that-i-am -setting-with-ba) – Pureferret

Odpowiedz

7

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

że powinien to zrobić dla ciebie.

+1

Ma błędy z chrome + spowalnia ładowanie strony. –

+0

uszkodzone łącze. spróbuj [blur.js wersja II] (https://github.com/jakiestfu/Blur.js-II) –

29

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; 

}