html - div 要素のぼかし効果

Question

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

Answer 1

これはあなたが探しているものだと思いますか？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;

}

Answer 2

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

それはあなたのためにそれをする必要があります。

Answer 3

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

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

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