グラウンドフィルターのブラートランジションの問題
ボタンを押すと背景がぼかされますが、トランジション時、divのエッジトランジションがうまくいきません。この問題は Firefox を除くすべてのブラウザで発生します。どうすれば修正できますか?
リーリー リーリー リーリー
ボタンを押すと背景がぼかされますが、トランジション時、divのエッジトランジションがうまくいきません。この問題は Firefox を除くすべてのブラウザで発生します。どうすれば修正できますか?
リーリー リーリー リーリー
P粉1477476372024-04-02 20:07:26
画像は <body> を埋め尽くしますが、<div> の .blur は 900x900 ピクセルしかないためです。
クイックフィックス:
変更: var div = document.querySelector('div');
To:var div = document.body;
または: background: url(..); background-size: .. を div に移動し、そこから取得します。