【发布时间】：2011-05-20 15:50:50
【问题描述】：
我只是想知道在网站设计中使用大量渐变的最便宜的方法是什么。
【问题讨论】：
【发布时间】：2011-05-20 15:50:50
【问题描述】：
我确信对于浏览器来说 CSS 会比 SVG 更便宜，但如果没有测试，我无法证明这一点。我建议您使用 CSS 中的许多渐变创建页面，并且如果（且仅当）您发现性能是一个问题，您应该尝试 SVG 或其他技术。
【讨论】：
-
我真的不这么认为。我在一个只有渐变背景和轻微框阴影的按钮上遇到了令人讨厌的悬停延迟。
我会更倾向于 CSS。看它是代码而不是图像。
另外，如果您更倾向于使用 CSS，为什么不通过 CSS3pie 使其在 IE 8 及更低版本中可见或可用？ http://css3pie.com/
【讨论】：
这是一个有趣的问题。以我个人的经验，webkit 使用 svg 更快，但我可能是错的。
我用 css 转换创建了一个测试小提琴，它们看起来差不多，也许有更多经验的人可以扩展压力情况：
请记住，最好通过 data-uri 嵌入 SVG 渐变，这样它们就不会向服务器创建新请求。
【讨论】：