Comments on: will-change https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Wed, 14 Jul 2021 18:58:12 +0000 hourly 1 https://wordpress.org/?v=6.2.2 By: Mehmet Kağan KILIÇ https://css-tricks.com/almanac/properties/w/will-change/#comment-1775839 Thu, 08 Jul 2021 08:33:35 +0000 http://css-tricks.com/?page_id=197380#comment-1775839 Try to this solution,

.element {
  will-change: transform;
}

and

.element {
  will-change: transform, opacity;
}

we will not a css for change?

]]> By: Borja https://css-tricks.com/almanac/properties/w/will-change/#comment-1769770 Tue, 16 Mar 2021 06:59:27 +0000 http://css-tricks.com/?page_id=197380#comment-1769770 Hi everyone!
I know this article it’s a bit old, but has anyone experienced that when the will-change property is applied to an element on Chrome it gets a bit blurry?

]]> By: Geoff Graham https://css-tricks.com/almanac/properties/w/will-change/#comment-1762241 Tue, 01 Sep 2020 14:41:18 +0000 http://css-tricks.com/?page_id=197380#comment-1762241 In reply to Daniel Schwarz.

Yep! Comma-separating values is totally legit. The spec has some excellent tips on using the property, one of which is to be mindful of using it across too many properties and elements.

]]> By: Daniel Schwarz https://css-tricks.com/almanac/properties/w/will-change/#comment-1762239 Tue, 01 Sep 2020 13:59:46 +0000 http://css-tricks.com/?page_id=197380#comment-1762239 What about will-change: opacity, contents? Would this work?

]]> By: Juan Manuel Incaurgarat https://css-tricks.com/almanac/properties/w/will-change/#comment-1760977 Tue, 04 Aug 2020 11:53:32 +0000 http://css-tricks.com/?page_id=197380#comment-1760977 Note that moz docs say: “Important: will-change is intended to be used as a last resort, in order to try to deal with existing performance problems. It should not be used to anticipate performance problems.”

]]> By: Marcel https://css-tricks.com/almanac/properties/w/will-change/#comment-1757514 Sat, 06 Jun 2020 02:35:45 +0000 http://css-tricks.com/?page_id=197380#comment-1757514 Interestingly Google seems to recommend using this more than the MDN docs and their article on it https://developers.google.com/web/fundamentals/design-and-ux/animations/animations-and-performance does not refer to it as a “last resort”. Suggests it might be more helpful in Chrome.

]]> By: Collin McCabe https://css-tricks.com/almanac/properties/w/will-change/#comment-1653936 Thu, 13 Dec 2018 18:07:17 +0000 http://css-tricks.com/?page_id=197380#comment-1653936 In reply to Sebastian.

It is still a thing, I’ve used it a couple times to deal with fixed position backgrounds causing the page to appear laggy, but it’s a very niche thing that is rarely needed, it only helps performance if there is already a Major issue

]]> By: Giovanni Panariello https://css-tricks.com/almanac/properties/w/will-change/#comment-1612244 Thu, 05 Oct 2017 16:52:56 +0000 http://css-tricks.com/?page_id=197380#comment-1612244 I’m developing some animations using CSS, and there are some points were more than one of them start at the same time, letting the whole thing to be not very smooth. So I was looking for something to help about this issue, and I landed on this article.
I have tried to use this rule, but unfortunately it doesn’t seem to improve the animation flow.

]]> By: Sebastian https://css-tricks.com/almanac/properties/w/will-change/#comment-1611725 Tue, 12 Sep 2017 14:38:14 +0000 http://css-tricks.com/?page_id=197380#comment-1611725 So…is there any indication that this is still a thing, and actually helps performance?

]]> By: Anonymous Thank-You https://css-tricks.com/almanac/properties/w/will-change/#comment-1595125 Wed, 10 Jun 2015 05:57:51 +0000 http://css-tricks.com/?page_id=197380#comment-1595125 Thanks mate; helpful article.

]]>