国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

學(xué)習(xí)如何通過CSS修改塊的邊緣實現(xiàn)羽化效果
P粉785522400
P粉785522400 2023-08-16 18:38:07
0
1
1053
<p>如何修改我的CSS,使盒子的邊緣具有羽化模糊效果?我希望盒子的背景具有磨砂玻璃效果,而不是周圍的銳利邊緣,而是具有羽化效果,可以逐漸與背景融合,但我不知道如何修改當(dāng)前的CSS。希望能得到你的幫助,謝謝。</p> <p><br /></p> <pre class="brush:css;toolbar:false;">.wrap { position: relative; width: 100%; height: 100vh; background-image: url('https://images.unsplash.com/photo-1593642634443-44adaa06623a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1625&q=80'); background-size: cover; .box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 200px; height: 200px; background-color: red; border-radius: 50%; background-color: rgba(225, 225, 225, 10%); backdrop-filter: blur(2px); } }</pre> <pre class="brush:html;toolbar:false;"><div class="wrap"> <div class="box"></div> </div></pre> <p><br /></p>
P粉785522400
P粉785522400

全部回復(fù)(1)
P粉462328904

我所理解的只是在下面添加任何一個代碼片段:

box-shadow: inset 2px 2px 15px #fff; // 或者 box-shadow: inset 2px 2px 15px rgba(255,255,255,.5)

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板