<p>CSS を変更してボックスの端にぼかし効果を加えるにはどうすればよいですか?ボックスの背景に曇りガラスの効果を持たせ、周囲の鋭いエッジの代わりに徐々に背景に溶け込むぼかし効果を持たせたいのですが、現在の CSS を変更する方法がわかりません。ご協力をよろしくお願いいたします。 </p> <p><br /></p> <pre class="brush:css;toolbar:false;">.wrap { 位置: 相対的; 幅: 100%; 高さ: 100vh; 背景画像: url('https://images.unsplash.com/photo-1593642634443-44adaa06623a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1625 &アンプ;q= 80 '); 背景サイズ: カバー; 。箱 { 位置: 絶対; 左: 50%。 トップ: 50%; 変換: 変換(-50%, -50%); 幅: 200ピクセル; 高さ: 200ピクセル; 背景色: 赤; 境界半径: 50%; 背景色: rgba(225, 225, 225, 10%); 背景フィルター: ぼかし(2px); } }</pre> <pre class="brush:html;toolbar:false;"><div class="wrap"> <div class="box"></div> </div></pre> <p><br /></p>