jquery - Jqueryアニメーションぼかし機能

Question

「Vague.js」という jquery ぼかしプラグインを使用しています。ウェブサイト上のあらゆるものをぼかすことができます。次に、ぼかしをアニメートしたいと思います。jquery animate() から .blur() 関数を呼び出すにはどうすればよいですか?

//This sets up the plugin and applies the blur to my content

var contentblur = $('#content').Vague({intensity:5});
contentblur.blur();

私は次のようなことをしたい:

contentblur.animate(blur,500);

score 1 · Accepted Answer

filterプロパティとトランジションをサポートするブラウザでのみ、ぼかしをアニメーション化できます。

その要素に遷移を設定するのは簡単です

#content {
   transition: all 1s;
   -webkit-transition: all 1s;
}

jsfiddle デモを見ることができます:

1 に答える 1