我有以下CSS阴影：
box-shadow:green 0 1px 3px;
现在，如果我只想更改阴影的方向，我试过了：
box-shadow:inherit 2px 0 inherit;
但不幸的是，这不起作用。此外，它看起来不像其他属性，如：
box-shadow-direction:2px 0;
或者
box-shadow-color:inherit;
如何在不改变颜色或强度的情况下改变方向？
答案 0 :(得分：3)
框阴影的定义如下：x y blur spread color。
因此，如果您想移动您的盒子阴影，请更改您的x和y。
box-shadow: 10px 10px 5px #000;
此代码创建一个黑盒子阴影，距离顶部和左侧10px。 （请注意，我没有必要指定点差金额。）
答案 1 :(得分：1)
据我所知，对于background-repeat，margin-left CSS3 border-bottom，box-shadow，text-shadow等子属性>属性。有关详细信息，请参阅：http://www.w3.org/TR/css3-background/#box-shadow。
'box-shadow'属性将一个或多个阴影附加到 框。该属性是以逗号分隔的阴影列表，每个阴影都指定 2-4个长度值，一个可选颜色和一个可选的“插入” 关键词。省略的长度为0;省略的颜色是UA选择的颜色。
其中
<shadow> = inset? && [ <length>{2,4} && <color>? ]
因此，在将box-shadow-direction:2px 0;定义为HTML元素后，您不能给出box-shadow之类的子属性，直到它或类似的子属性出现在下一版本的CSS中。