我需要在一些上创建一个盒子阴影block元素，但仅（例如）位于其右侧。我这样做的方法是将内部元素包裹起来box-shadow进入一个外层padding-right and overflow:hidden;所以阴影的另外三个边是不可见的。
有没有更好的方法来实现这一目标？喜欢box-shadow-right?
EDIT: 我的目的是创造only阴影的垂直部分。和什么一模一样repeat-y规则的background:url(shadow.png) 100% 0% repeat-y会做。
是的，您可以使用box-shadow规则的shadow spread属性：
.myDiv
{
border: 1px solid #333;
width: 100px;
height: 100px;
box-shadow: 10px 0 5px -2px #888;
}
<div class="myDiv"></div>
那里的第四处房产-2px是阴影扩散，你可以用它来改变阴影的扩散，使阴影看起来只在一侧。
这也使用了阴影定位规则10px将其发送到右侧（水平偏移）并且0px将其保留在元素下方（垂直偏移。）
5px是模糊半径:)
这里给你举个例子.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
