26
Ist es möglich, eine 0-Gaußsche Unschärfe hinzuzufügen? Wenn ja, wie kann ich das machen?Blur-Effekt auf einem div-Element
A
Antwort
7
Versuchen Sie, diese Bibliothek: https://github.com/jakiestfu/Blur.js-II
, dass es für ya tun sollten.
+1
Es hat Bugs mit Chrom + es langsam Seitenlade. –
+0
unterbrochene Verbindung. versuchen Sie [blur.js Version II] (https://github.com/jakiestfu/Blur.js-II) –
5
Dies ist, was ich gefunden habe:
Demo: http://tympanus.net/Tutorials/ItemBlur/
und Tutorial: http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/
29
Ich denke, das ist, was Sie suchen? Wenn Sie einen Unschärfe-Effekt auf ein div-Element hinzuzufügen, suchen, können Sie dies direkt durch CSS Filters-- Siehe Geige: 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;
}
Was haben Sie gefunden, so weit? Hast du dieses Problem gegooglet? –
mögliches Duplikat von [HTML5 Gaußscher Weichzeichner-Effekt] (http://stackoverflow.com/questions/2975089/html5-gaussian-blur-effect) –
mögliches Duplikat von [Wie man einen CSS 3 Weichzeichnungsfilter auf ein Hintergrundbild anwendet, das ich bin Einstellung mit Hintergrundbild?] (http://stackoverflow.com/questions/20039765/how-to-apply-a-css-3-blur-filter-to-a-background-image-that-i-am -setting-with-ba) – Pureferret