web-dev-qa-db-ja.com

div要素のぼかし効果

div要素にガウスぼかしを追加することは可能ですか？はいの場合、どのようにこれを行うことができますか？

htmlcsscss3blur
44
bialasikk

これがあなたが探しているものだと思いますか？ div要素にぼかし効果を追加する場合は、CSSフィルターを使用して直接これを行うことができます-フィドルを参照してください： 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

このライブラリを使用してみてください： https://github.com/jakiestfu/Blur.js-II

それはyaのためにそれを行う必要があります。

9
Phillip Schmidt

これは私が見つけたものです：

デモ： http://tympanus.net/Tutorials/ItemBlur/

およびチュートリアル： http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/

5
Noah Wetjen