我在多年的网页设计中注意到,CSS的box Shadow非常耗费资源,导致很多旧手机严重卡顿;但文字阴影就是这种情况吗?什么时候可以使用text-shadow,它是如何渲染的?
CSS的box Shadow资源消耗极大,导致很多老手机卡顿严重;但文字阴影就是这种情况吗?
我想简短的答案是肯定的:文本阴影很昂贵,原因与盒子阴影相同。
看起来这篇文章证实了文本阴影可能会导致性能问题(至少对于频繁重新渲染的元素):http://codeincomplete.com/posts/2011/8/11/noglow/。
还有一个问题似乎相关并且有一个公认的答案:text-shadow(和其他css3)导致滚动滞后。
什么时候可以使用text-shadow
我想这取决于你的受众以及他们是否拥有足够强大的硬件。
...它是如何渲染的?
这似乎要求提供可能特定于浏览器/平台的实现细节,……并且在很大程度上可能与问题无关。 :)