ボタンを押すと背景がぼかされますが、トランジション時、divのエッジトランジションがうまくいきません。この問題は Firefox を除くすべてのブラウザで発生します。どうすれば修正できますか?
リーリー リーリー リーリー
画像は <body> を埋め尽くしますが、<div> の .blur は 900x900 ピクセルしかないためです。
<body>
<div>
.blur
クイックフィックス:
変更: var div = document.querySelector('div');
var div = document.querySelector('div');
To:var div = document.body;
var div = document.body;
または: background: url(..); background-size: .. を div に移動し、そこから取得します。
background: url(..); background-size: ..
div
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
画像は
<body>を埋め尽くしますが、<div>の.blurは 900x900 ピクセルしかないためです。クイックフィックス:
変更:
var div = document.querySelector('div');To:
var div = document.body;または:
background: url(..); background-size: ..をdivに移動し、そこから取得します。