我可以在宽度和高度为0的div上使用圆形方框阴影吗
我可以在宽度和高度为0的div上使用圆形方框阴影吗
提问于 2019-07-14 04:40:03
我正在尝试创建边缘模糊的圆形形状。我成功地创建了一个具有50%边界半径的div，然后应用了一个长方体阴影。然而，我用不同的长方体阴影设置随机创建了这些形状，当长方体阴影模糊非常分散时，中心的颜色与div不同，并且出现了一个硬边框。我尝试将div设置为0px的宽度和高度，但随后长方体阴影的圆形消失了，它看起来是方形的。
有没有办法保持圆形方块阴影的div为0的宽度和高度？或者是另一种我应该用来实现我想要的东西的方法？
Stack Overflow用户
回答已采纳
发布于 2019-07-14 04:48:21
您可以认为radial-gradient具有类似的效果：
.box {
width:100px;
height:100px;
border-radius:50%;
background:radial-gradient(farthest-side,red ,transparent );
}<div class="box">
</div>
可以与模糊滤镜结合使用以增加阴影效果：
.box {
width:100px;
height:100px;
border-radius:50%;
background:radial-gradient(farthest-side,red ,transparent );
filter:blur(10px);
}<div class="box">
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57022670
复制相关文章
相似问题
腾讯云开发者
