css - CSS 使用文本阴影的效率是否与框阴影一样差?

标签 css performance box-shadow

我在多年的网页设计中注意到,CSS 的盒子阴影非常耗费资源,导致许多旧手机严重延迟;但文字阴影就是这种情况吗?什么时候可以使用文本阴影?它是如何呈现的?

最佳答案

CSS's box shadow is enormously expensive with resources and causes many old phones to lag severely; but is that is the case with text-shadow?

我想简短的回答是肯定的:text-shadow 和 box-shadow 一样昂贵。

这篇文章似乎证实了文本阴影会导致性能问题:http://codeincomplete.com/posts/2011/8/11/noglow/ .

还有这个问题似乎相关并且有一个可接受的答案:text-shadow (and other css3) causes scroll lag .

When is it okay to use text-shadow

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

…and how is it rendered?

这似乎要求提供实现细节,这些细节可能是特定于浏览器/平台的,......并且可能与大部分问题无关。 :)

关于css - CSS 使用文本阴影的效率是否与框阴影一样差?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32948596/

相关文章:

css - (ExtJS) 设置字段集表的行高

html - 这两个选择器有什么区别

performance - 如何处理对 Lucene 索引的非常频繁的更新

php - Simpe Loop 平方整数值在 C 中比在 PHP 中慢

php - 如果函数返回 0 到 6 之间的数字,则更改背景颜色

css - 在 bootstrap 下拉菜单中添加平滑过渡

c# - 单词快速计数

css - 如何通过更改 D3 图表中的 svg 过滤器元素在 svg 圆上应用框阴影效果

html - 滚动时 Chrome 51 上的奇怪框阴影错误

flutter - 在 flutter 的容器底部添加阴影?