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/

相关文章:

javascript - 如果绝对位置元素在屏幕下方,无论如何要使主体滚动条出现?

javascript - 如何将幻灯片应用于向上或向下移动的元素

html - 3D光影效果纸样造型

html - 在特定浏览器宽度下,渐变填充 div 的末尾出现白线

android - 从指定位置偏移绘制线性渐变

css - 如何使 Bootstrap .card-img-top 在响应宽度下等高?

html - 如何摆脱 h1 上的幽灵填充? HTML 和 CSS

哈希 unix 影子文件的密码

wpf 弹出阴影未显示

google-chrome - 无法在 Chrome 中使用 D3.js 选择 <linearGradient>