css - 更改现有 CSS 阴影的方向

Question

我有以下 CSS 阴影:

box-shadow:green 0 1px 3px;

现在，如果我只想改变阴影的方向，我试过:

box-shadow:inherit 2px 0 inherit;

但不幸的是，这不起作用。此外，它看起来不像有其他可用的属性，例如:

box-shadow-direction:2px 0;

或者

box-shadow-color:inherit;

---

如何在不改变颜色或强度的情况下改变方向？

Answer 1

盒子阴影是这样定义的:x y blur spread color。

所以如果你想移动你的盒子阴影，改变你的 x 和 y。

box-shadow: 10px 10px 5px #000;

这段代码创建了一个黑框阴影，它位于距顶部和左侧 10 像素的位置。 (请注意，我不必指定点差金额。)