罗伯特·比格斯 (Robert Biggs) 在本文中介绍了在 Internet Explorer 9 中使用 SVG 实现渐变的解决方案,因为 IE9 不支持 CSS3 渐变。 核心优势在于 SVG 图像格式是 XML,并且在结构上与创建 -webkit-gradient
的方式非常相似。 因此,您可以获得以编程方式声明颜色和轻松更新的优势。
在这篇文章的前面,比格斯还很好地说明了过渡,以及为什么通过 CSS 执行过渡比通过 JavaScript 执行过渡更好。
JavaScript 的单线程特性使其在处理复杂动画时效率低下。 将样式动画卸载到浏览器的 CSS 渲染引擎可以释放 JavaScript 并允许浏览器使用线程和硬件加速以实现更好的优化。
我认为(动画/过渡 == 视觉设计 == CSS 领域),因此无论释放 JavaScript 的好处如何,它都是合适的。