84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
ボタンを押すと背景がぼかされますが、トランジション時、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
画像は
<body>
を埋め尽くしますが、<div>
の.blur
は 900x900 ピクセルしかないためです。クイックフィックス:
変更:
var div = document.querySelector('div');
To:
var div = document.body;
または:
background: url(..); background-size: ..
をdiv
に移動し、そこから取得します。