html - box-shadow blur-radius 造成左右阴影

标签 html css

<分区>

在 flex 元素上做一个盒子阴影

box-shadow: inset 0px 2px 15px 0px #696868;

这就是我现在所拥有的,我想要它就像这样,只是我的模糊半径在左右 y 偏移量上造成了轻微的阴影。我怎样才能让它消失?

Fiddle

最佳答案

spread-radius(第四个参数)设置为负值,以减小shadow-box的整体尺寸,然后增加offset-y使较小的阴影框可见。例如:

box-shadow: inset 0px 17px 15px -15px #696868;

Fiddle

关于html - box-shadow blur-radius 造成左右阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33778374/

相关文章:

asp.net - 手机造型; "Choose File"iOS 6 按钮太小

c# - 从网页中读取文本字符串

html - 如何在 HTML 中的 <td> 之后和 <table> 中创建换行符?

HTML5 <button> 在 Firefox 中不起作用,但在 I.E 中起作用

html - 如何隐藏html div

html - 为CSS中的动态框提供位置

JavaScript/HTML 表单验证

Javascript POST 到 PHP 页面

java - jsoup 获取带有类的 div 元素

javascript - onclick 不是调用函数