webentwicklung-frage-antwort-db.com.de

Unschärfeeffekt auf einem div-Element

Ist es möglich, dem div -Element eine Gaußsche Unschärfe hinzuzufügen? Wenn ja, wie kann ich das machen?

htmlcsscss3blur
44
bialasikk

Ich denke das ist wonach du suchst? Wenn Sie einem div-Element einen Weichzeichnungseffekt hinzufügen möchten, können Sie dies direkt über CSS-Filter tun. 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;

}
75
BenSlight

Versuchen Sie es mit dieser Bibliothek: https://github.com/jakiestfu/Blur.js-II

Das sollte es für dich tun.

9
Phillip Schmidt

Folgendes habe ich gefunden:

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

und Tutorial: http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/

5
Noah Wetjen