CSS3笔记——will-change
来源:互联网 发布:网络图绘制软件 bim 编辑:程序博客网 时间:2024/06/05 00:39
概念
提前告诉浏览器要做什么动画,让其提前准备优化设置。
兼容性:
IE13+、FireFox47+、Chrome49+、Safari9.1+、Opera39+
语法
will-change: auto | scroll-position | contents | <custom-ident>
参数说明:
scroll-position:表示将要改变元素的滚动位置
contents:表示将要改变元素的内容
<custom-ident>
:明确制定将要改变的属性和给定的动画名称
建议使用contents
例如,transform将要改变:will-change:transform
特别提醒,Opera不需要加前缀。
使用注意
不要直接写在该元素上,最后写在父元素的hover上,这样移出的时候就会自动remove。
如果使用js添加will-change, 事件或动画完毕,一定要及时remove。
阅读全文
0 0
- CSS3笔记——will-change
- css3 will-change
- CSS3中不熟悉的属性3:will-change
- 使用CSS3 will-change提高页面滚动、动画等渲染性能
- GPU加速will-change
- CSS WILL-CHANGE 属性
- CSS3——笔记
- my life will change because
- I will change the world
- CSS3笔记——背景
- CSS3笔记——渐变
- CSS3笔记——转换
- How Will Java Technology Change My Life?
- Seven Questions That Will Change Your Life
- 5 Questions That Will Change Your Life
- CSS页面渲染优化属性will-change
- CSS页面渲染优化属性will-change
- CSS页面渲染优化属性will-change
- .Net中Request的url参数说明
- http://www.cnblogs.com/qazwsxwtc/p/5370355.html
- mybatis配置
- 小学期 电话号码问题
- Rxjava2基本原理
- CSS3笔记——will-change
- os_mutex.c
- windows 下配置Apache Rewrite
- 如何实现多行文字实现超不部分显示省略号的效果
- Ubuntu16.04.2 命令行安装tensorflow GT1030显卡
- 【模板】带修改莫队
- powerdesigner16.5使用总结
- sql获取当前数据为列表的第几行
- 什么是类