说明
1、样式表中不使用will-change。
2、给will-change足够的时间来发挥它的作用。
3、用于针对超特殊变化(例如，left,opacity等)
如有必要，可在JavaScript中使用(添加和删除)
修改后，删除will-change。
不要同时声明太多属性。
别用太多的元素。
不要把资源浪费在停止变化的要素上。
实例
var el = document.getElementById('element');
// 当鼠标移动到该元素上时给该元素设置 will-change 属性
el.addEventListener('mouseenter', hintBrowser);
// 当 CSS 动画结束后清除 will-change 属性
el.addEventListener('animationEnd', removeHint);
function hintBrowser() {
// 填写上那些你知道的，会在 CSS 动画中发生改变的 CSS 属性名们
this.style.willChange = 'transform, opacity';
}
function removeHint() {
this.style.willChange = 'auto';
}
以上就是CSS中will-change的注意点，希望对大家有所帮助。更多编程基础知识学习：python学习网
本文教程操作环境：windows7系统、css3版，DELL G3电脑。
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/2318/viewspace-2829784/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
ps动不了也关不了
下一篇：
Python如何删除csv中的内容
请登录后发表评论
登录
全部评论
