✳flâneur — a map of the web's best reading
What does will-change in CSS actually do?
jakub.kr · 1,011 words · saved by 2 readers
An article about the will-change CSS property and how it works.
will-change in CSS will-change in CSS I've been using the will-change CSS property for a while now, but I realized I never understood exactly what it does under the hood. no will-change will-change Hover over the buttons to see the difference that will-change makes Below you can see an example of a difference that will-change can make. On the left, you can see the characters and icon move around in an unexpected way when hovered, while on the right, there is no unexpected movement. no will-change vs will-change example Safari in particular struggles with this and the difference is very noticea
Explore this link on the map →saved by
related reading
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- An Introduction to the Browser Rendering Pipelinewebperf.tips
- Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior · Mark's Dev Blogblog.isquaredsoftware.com
- An Interactive Guide to CSS Transitions • Josh W. Comeaujoshwcomeau.com
- Details That Make Interfaces Feel Betterjakub.kr
- You Don't Need Animationsemilkowal.ski
- Don't animate height! | Granolagranola.ai
- Transitionsanimations.dev
- Inside Framer's Magic Motionnan.fyi
- Populating the page: how browsers work - Performance | MDNdeveloper.mozilla.org
- On UI Animations - Shu Dingshud.in