CSS不会改变

一个新的CSS属性,称为will-change,您可以定义将经常更改的属性,以便浏览器可以对其进行优化.例如:
.element {
    will-change: transform,opacity;
}

但相反呢?对于不会改变的事情,是否有任何建议或工作草案?使用它可以提示浏览器,该属性永远不会改变(常量),所以它可以对它做一些优化?

解决方法

浏览器已经针对“认情况下不会更改”的属性优化了布局算法. will-change是一种选择属性方法,可能会改变(尽管属性名称中的“will”可能会暗示),因此浏览器可以预先执行必要的优化,以确定这些属性何时发生更改(至少从其初始值开始) .

可以这样考虑:未改变的属性已经被优化为“不会改变”,或“它们是否改变在性能上没有任何有意义的差异”.

例如,你的改变声明会告诉浏览器为.element元素创建一个合成层,如果它们需要被转换或进行alpha合成,那么它们的渲染就是从一开始就硬件加速了.由于此更改声明不适用于没有此类的元素,因此浏览器假定其他元素永远不会被转换或进行alpha合成,因此不需要此合成层.通过不为它们创建合成层,浏览器已经优化了这些元素的渲染,而不是硬件不必要地加速它们.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效
js如何实现文字闪烁特效?(图文+视频)
CSS3怎么实现背景颜色渐变?(图文+视频)
Css3如何实现文本溢出隐藏并显示省略号效果
添加CSS的三种方式
css如何实现单边阴影效果
css font-size-adjust属性怎么用
三分钟了解css中z-index属性
css text-align-last属性怎么用
css设置背景图片模糊,内容不模糊
弹性盒子布局flex是什么
圆角边框的css属性是什么
前端特效之520表白神器-旋转照片墙
css font-style属性怎么用
css position属性怎么用