栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

改善CSS3过渡性能

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

改善CSS3过渡性能

在使用该

will-change
指令]之前,您无法像使用其他语言那样以原义方式进行此操作。浏览器(或至少是Webkit)通过绘制各种图层来处理页面渲染。从理论上讲,它应该足够智能,可以为您确定各层,但是有时最好将某些内容强制放入自己的层中。

有时会奏效,有时则不会奏效,具体取决于发生了什么。

无论如何。

在CSS中,将某事物强制放入图层的一种方法是使用3D变换对其进行变换。一种常见的策略是添加以下任一项:

transform: translateZ(0);

或等效的:

transform: translate3d(0,0,0);

还是有点疯狂:

transform: rotateZ(360deg);

或翻译后的内容与:

-webkit-backface-visibility: hidden;-webkit-perspective: 1000;

如果事情忽悠。

这些将创建一个新层,这就是规范所定义的。

“转换中除“ none”以外的任何值都将导致创建堆栈上下文和包含块。”

这些都需要经过仔细的测试,并不是总会被任何可能需要的东西所束缚–有时更好,有时没有什么不同,有时更糟!

祝好运!



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432684.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号