Czy można dodać rozmycie gaussowskie na elemencie div
? Jeśli tak, w jaki sposób mogę to zrobić?Efekt rozmycia na elemencie div
Odpowiedz
Spróbuj użyć tej biblioteki: https://github.com/jakiestfu/Blur.js-II
że powinien to zrobić dla ciebie.
Ma błędy z chrome + spowalnia ładowanie strony. –
uszkodzone łącze. spróbuj [blur.js wersja II] (https://github.com/jakiestfu/Blur.js-II) –
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/
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;
}
Co znalazłeś do tej pory? Czy szukałeś w Google tego problemu? –
możliwy duplikat [efekt Rozmycie gaussowskie HTML5] (http://stackoverflow.com/questions/2975089/html5-gaussian-blur-effect) –
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