Problem Statement
How can you make CSS animations more performant?
Explanation
Prefer GPU-accelerated properties like `transform` and `opacity` over layout-triggering ones like `width` or `top`. Avoid animating large box shadows, use `will-change` for hints, and limit the number of simultaneous animations to reduce reflow and repaints.
Code Solution
SolutionRead Only
.card { will-change: transform; }Practice Sets
This question appears in the following practice sets:
