Question 1 of 7
What is `will-change` primarily for?
It is a rendering hint.
The property communicates anticipated future changes so the user agent can prepare for rendering work.
Quiz
Test your knowledge: CSS Will Change
Assess your understanding of will-change as a rendering hint, its values, resource costs, side effects, and specification status.
7 questions
~4 min
Advanced
Knowledge check
Test your knowledge: CSS Will Change
Assess your understanding of will-change as a rendering hint, its values, resource costs, side effects, and specification status.
- Stuck? Each question has an optional hint.
- Skip a hard question and review it before your results.
- Questions and answer options can shuffle between attempts.
You can retake this quiz whenever you like.
0:00
Question 2 of 7
What is the initial value of `will-change`?
It expresses no particular author intent.
The current property definition gives `auto` as the initial value.
Question 3 of 7
Which value signals an expected change to an element's scroll position?
It names the thing expected to change.
`scroll-position` is a special value defined by the current draft.
Question 4 of 7
Why is broad use such as `* { will-change: transform; }` discouraged?
Think about the cost of preparing many elements.
The current draft warns that overuse can consume resources and hurt performance.
Question 5 of 7
Can `will-change` create a stacking context before the named property changes?
The property is not completely side-effect-free.
The current draft requires this stacking-context effect in advance.
Question 6 of 7
Which property actually performs the movement in `will-change: transform` plus a transform declaration?
The hint and the actual behavior have different ownership.
`will-change` communicates intent; `transform` performs the geometric transformation.
Question 7 of 7
How should the current CSS Will Change Module Level 1 document be described?
Read the current document's status section.
The current CSSWG document is an Editor's Draft and says it may change.
Quiz results
0/0
Review
-
What is `will-change` primarily for?Hint used
-
What is the initial value of `will-change`?Hint used
-
Which value signals an expected change to an element's scroll position?Hint used
-
Why is broad use such as `* { will-change: transform; }` discouraged?Hint used
-
Can `will-change` create a stacking context before the named property changes?Hint used
-
Which property actually performs the movement in `will-change: transform` plus a transform declaration?Hint used
-
How should the current CSS Will Change Module Level 1 document be described?Hint used