【发布时间】：2011-09-24 21:26:40
【问题描述】：
我想让一个盒子阴影在一侧看起来比另一侧更暗。
我想做如下的事情：
box-shadow: 2px 3px 6px linear-gradient(90deg, #ccc, #fff);
这可能吗？
【问题讨论】：
【发布时间】：2011-09-24 21:26:40
【问题描述】：
至少，Firefox 不会让你这样做。 Firefox 只支持background-image 样式的linear-gradient。
即使对于那些可能允许在比 Firefox 更多的地方使用渐变的浏览器，它们也可能不会允许这种特殊用法。一般来说，渐变属性只适用于 CSS 中允许使用图像的地方，而不是替换“正常”颜色。
您可以做一些鬼鬼祟祟的事情，例如为您设置此框阴影的元素后面的元素的背景图像制作渐变，您可以使用它使其看起来像一侧的阴影更暗。不过，这在标记和样式方面会变得相当复杂。
【讨论】：
-
我在 Firefox (6) 中尝试了上面的直播，但它似乎不起作用！
-
您尝试过您在问题中发布的代码吗？我的回答是试图说 Firefox 肯定不支持它，而且很可能没有浏览器支持或不会支持。