我可以在框阴影中使用渐变作为选定颜色

Question

我想让一个盒子阴影在一边显得比另一边更暗。

我想做以下事情：

box-shadow: 2px 3px 6px linear-gradient(90deg, #ccc, #fff);

这可能吗？

Answer 1

Firefox至少不会让你这样做。 Firefox仅支持linear-gradient样式的background-image。

即使对于可能在比Firefox更多地方允许渐变的浏览器，它们也可能不允许这种特定用法。通常，渐变属性仅适用于允许图像的CSS中的位置，而不是替换“普通”颜色。

你可以做一些偷偷摸摸的事情，比如制作一个渐变背景图像，这个元素位于你正在设置这个阴影框的背后，你可以使用它使它看起来就像阴影在一侧更暗。不过，在标记和样式方面，这将会更加复杂。