cross-browser - CSS3 Box-Shadow 线性渐变？

Question

在 CSS3 中有没有办法创建一个跨浏览器(即:Mozilla、Webkit 和 Opera)的插入框阴影，从顶部的黑色过渡到底部的白色？我发现最接近的方法只允许阴影的外部是一种颜色，然后在内部过渡到另一种颜色，在此页面上:http://www.css3.info/preview/box-shadow/

Answer 1

聚会迟到了，但也许有人会发现它有用! 实际上，您可以在 box-shadow 上使用多个阴影来做到这一点:

box-shadow: inset 0px 33px 25px 0 #000, 
            inset 0 66px 15px 0px #ccc,
            inset 0 99px 5px 0px #fff;

代码笔示例:https://codepen.io/InFecT3D/pen/JQdmeL

旁注:这可能有点“hacky”方法，但在某些情况下它会有所帮助。