css - 淡出线性渐变。 CSS 还是图像?

标签 css shadow linear-gradients

我制作了这个阴影:http://jsfiddle.net/PaFyt/ (网络工具包)

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

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

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

还是batter只用图片?图像将具有更好的兼容性......

大家怎么看?

最佳答案

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

An article that may help from CSS Tricks .

关于css - 淡出线性渐变。 CSS 还是图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14874732/

相关文章:

html - CSS 在保持宽高比的同时用子元素填充容器 div(与背景大小 : contain) 一样

html - Filter Shadow for IE 使文字更细

CSS Page 底部连同左右阴影一起剥离

Java SVG Salamander 线性渐变未显示

javascript - 如何为所有子元素设置填充?

css - Chrome 处理 CSS 边框的方式与 Firefox 不同吗?

css - 背景图像仅在一页上中断

java - 如何为 View 创建自定义阴影?

IE 的 CSS 渐变高度?

html - Firefox 和 IE 中线性渐变的代码