CSS使用text-shadow的效率和box-shadow一样差吗?

问题描述 投票:0回答:1

我在多年的网页设计中注意到,CSS的box Shadow非常耗费资源,导致很多旧手机严重卡顿;但文字阴影就是这种情况吗?什么时候可以使用text-shadow,它是如何渲染的?

css performance box-shadow
1个回答
5
投票

CSS的box Shadow资源消耗极大,导致很多老手机卡顿严重;但文字阴影就是这种情况吗?

我想简短的答案是肯定的:文本阴影很昂贵,原因与盒子阴影相同。

看起来这篇文章证实了文本阴影可能会导致性能问题(至少对于频繁重新渲染的元素):http://codeincomplete.com/posts/2011/8/11/noglow/

还有一个问题似乎相关并且有一个公认的答案:text-shadow(和其他css3)导致滚动滞后

什么时候可以使用text-shadow

我想这取决于你的受众以及他们是否拥有足够强大的硬件。

...它是如何渲染的?

这似乎要求提供可能特定于浏览器/平台的实现细节,……并且在很大程度上可能与问题无关。 :)

© www.soinside.com 2019 - 2024. All rights reserved.