html - 方框上的圆形框阴影

标签 html css rounded-corners dropshadow

有了这个:

div {
    width: 200px;
    height: 100px;
    background-color: green;
    box-shadow: 0px 0px 15px #000
}

我得到一个带有阴影的矩形。参见 https://jsfiddle.net/df9dfev5/问题是阴影有圆 Angular 。如何避免这种情况?

最佳答案

更少的模糊和更浅的颜色可能是这样的

https://jsfiddle.net/df9dfev5/3/

 div {
    width: 200px;
    height: 100px;
    background-color: green;
    -moz-box-shadow: 0 0 5px 5px #666;
    -webkit-box-shadow: 0 0 5px 5px #666;
    box-shadow: 0 0 5px 5px #666;
}

看这篇文章http://www.css3.info/preview/box-shadow/

关于html - 方框上的圆形框阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32083916/

相关文章:

带有链接作为背景图像的 html 元素 h1 在一行中显示它们

html - 不重叠的水平列表

html - 如何确保没有其他文本与我的标题标签在同一行?

html - 如何使用 Twitter Bootstrap 做这个简单的响应式布局?

html - 使用css创建描边框效果

python - 有什么方法可以在 python 中为图像制作漂亮的抗锯齿圆角?

html - css 多元素高度 100%

javascript - 使用 jquery 进行文本旋转

Android:ListView,圆角问题

javascript - 带有图像的圆 Angular 字段应动态扩展