css - 淡出线性渐变。CSS 还是图片？

Question

我做了这个阴影：http: //jsfiddle.net/PaFyt/（webkit）

只有 6 个淡出线性渐变设置：

background-position: 0px 0px, 0px 1px, 0px 2px, 0px 3px, 0px 4px, 0px 5px;

我想知道这是否是使阴影淡出的好方法？

还是击球手只使用图像？图像将具有更好的兼容性...

你们有什么感想？

Answer 1

如果您使用纯 CSS 会更好，因为大多数现代浏览器都支持它，但总是准备图像等价物作为旧浏览器的后备。图片文件越少，网站越快！

一篇可能对 CSS Tricks 有所帮助的文章。