回答情况：
提问时间：
问题标签：
我尝试添加will-change属性，就像规范所说的那样。但是，构建失败，并显示以下错误： Invalid CSS after "... will-change": expected ";", was ": opacity, tran..." on linespan { }} 我在这里做错了什么？如果有更多的信息需要我提供，请告诉我。
浏览 10修改于2019-04-11得票数 2
回答已采纳
我注意到当我在一个固定的按钮上添加will-change (使用JS)时，它变得非常不稳定。这既适用于“将更改”按钮，也适用于没有它的按钮。显示问题的示例：删除will-change行，两个按钮都将开始工作。
这是Chrome的问题，还是我遗漏了什么？谢谢。
浏览 4修改于2016-05-30得票数 1
: -100%; }}
animation: dropDown 1s;我应该像这样使用will-change吗： will-change: animation;或者像这样： will-change: opacity, top;
}
浏览 4修改于2014-06-16得票数 3
在有趣的文章中，它说，如果您想要硬件加速，那么使用translate3d()攻击是一种旧的方法，而不是使用will-change。当使用will-change时，性能有什么好处吗？我发现在某些情况下，在元素触发动画之前通过will-change添加JavaScript是非常困难的。例如
您不能仅仅将will-change放在CSS中并期望它工作，因为如果您有多个元素，情况就会更糟。您不能将will-change放在:hover伪选择器中，因为浏览器需要一些时间来准备。这太复杂了(动画结束后还必须删除<
浏览 2修改于2016-01-14得票数 4
回答已采纳
accordion-item-content { transition: height .3s ease; will-change
浏览 2提问于2016-02-12得票数 5
回答已采纳
在此中，作者声明不需要永久存储样式将改变样式的css样式文件will-change: transform;，而应使用javascript动态添加var el = document.getElementById('element');
el.addEventListener('mouseenter', hintBrowser$('.my_class')
浏览 1修改于2016-11-22得票数 1
当我使用will-change属性和transform3D()将动画元素分离到一个用于gpu呈现的新层时，我一直在尝试javascript动画，并注意到性能差异。如果没有will-change，属性浏览器将执行额外的Rasterize (在上的光栅化thread1中)所以问题是：will-change是如何设法提供这种优化的，即使它应该与transformZ(0) (为gpu呈现创建新层)做同样的事情。有没有办法不使用will-cha
浏览 1提问于2018-02-19得票数 1
回答已采纳
{}<div class="perspective-containerclass="card"><div class="card-inner"> <div class="scroller <e
浏览 1修改于2015-08-31得票数 14
回答已采纳
1回答
建议在元素或属性更改之前切换will-change，然后在进程完成后不久再关闭它
.item { transition: opacity.5s ease-in-out;}
opacity: 1;我的问题是，在动画之前和之后，我应该如何切换will-change
浏览 4提问于2017-02-01得票数 0
我在CSS中找到了一个关于的will-change属性(它允许预先告诉浏览器什么将发生变化并主动做出反应)。这种特性背后的主要原因是为了提高性能。margin:30px; transition: transform 1s ease-out;.element:hover {
在撰写本文时，只有Chrome 36+、Opera开发人员23+和Firefox支持<e
浏览 3提问于2014-07-20得票数 1
当激活硬件加速(通过will-change或通过translateZ(0))时，CSS转换不起作用，并且您正在使用chrome 45中的scale(0)动画。(版本45.0.2454.85 (64位))演示： (启用硬件加速和隐藏动画停止工作).hide}另外：Chrome 47.0.2511.0 canary (
浏览 1修改于2015-09-17得票数 3
因此，我的问题是，在任何属性实际上是动画之前，will-change是否可以通过网络动画API应用，这会产生预期的效果吗？或者，在幕后发生的任何事情的生命周期中，让will-change正常工作是不是太晚了？似乎通过这个API修改的属性实际上并没有作为CSS属性反映在DevTools中，所以我无法验证这是否真的应用了will-change。this.animation = document.querySelector('#my-element').animate( {
willChange:
浏览 4修改于2020-10-30得票数 1
回答已采纳
1回答
有一个名为will-change的新CSS属性，使用它可以定义将经常更改的属性，因此浏览器可以优化它。例如： will-change: transform, opacity;但是相反的呢？对于像will-not-change这样的东西有什么建议或工作草案吗？
浏览 3修改于2016-07-11得票数 8
回答已采纳
我正在使用语义-ui，并设法缩小了css属性will-change中的一些未定义行为(我在他们的模型中找到了这种行为)：.outer{ positionpadding: 5px; * comment out the line below **/
will-change为什么will-change会对实际布局做任何事情？
浏览 3修改于2016-09-29得票数 1
回答已采纳
开发人员使用will-change来提高性能的例子有几个，例如：
警告:为了处理现有的性能问题，将更改遗嘱作为最后的手段。那么，需要考虑的是什么，是否使用will-change？
浏览 3修改于2022-02-15得票数 0
我对will-change有个问题。我不知道它为什么会导致这个问题，但是当我在包装器上添加will-change时(其中包含隐藏的div(应该会出现在悬停中)，它就会中断显示这个div。
浏览 3提问于2016-06-03得票数 6
回答已采纳
我正在尝试使用will-change来使动画表现得更好。我有一个页面容器，将动画left和padding-right，以便移动和显示侧边菜单。; position: absolute; width: 100%; will-changepage-wrapper.menu-opened .page-container { padding-right: 240px
浏览 2提问于2015-12-05得票数 0
aria-valuemin="94.36" aria-valuemax="5292.42" style="position: absolute; z-index: 1; left: 170.025px; will-
浏览 0修改于2019-03-18得票数 1
0.8rem) rotate(360deg);}
&__laptop { will-change: transform; animation: phone 8s linear infinite;
will-change: transform;
浏览 26提问于2019-12-05得票数 0
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号