Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
will-change

3 Articles
{
,

}
Direct link to the article My white whale: A use case for will-change
will-change

My white whale: A use case for will-change

 Nic Chan:

[…] the will-change property landed in major browsers in August 2015, and I’ve been on the lookout for when to use it ever since. It might seem self-evident to apply it to commonly animated properties such

…
Avatar of Chris Coyier
Chris Coyier on Feb 24, 2022
Direct link to the article When is it “Right” to Reach for contain and will-change in CSS?
contain performance will-change

When is it “Right” to Reach for contain and will-change in CSS?

I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change:

.el {
  will-change: opacity;
…
Avatar of Chris Coyier
Chris Coyier on Nov 26, 2021
Direct link to the article will-change
animation will-change

will-change

The will-change property in CSS optimizes animations by letting the browser know which properties and elements are just about to be manipulated, potentially increasing the performance of that particular operation.

Syntax
will-change: <animateable-feature= scroll-position | contents | <custom-ident
  • Initial
…
Avatar of Robin Rendle
Robin Rendle on Mar 5, 2015 (Updated on Jul 14, 2021)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top