CSS View Transitions Quiz

Assess understanding of the CSS View Transitions model, named captures, pseudo-elements, cross-document CSS, transition types, classes, automatic names, scoped discovery, and nested groups.

12 questions ~10 min

Knowledge check

CSS View Transitions Quiz

Assess understanding of the CSS View Transitions model, named captures, pseudo-elements, cross-document CSS, transition types, classes, automatic names, scoped discovery, and nested groups.

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

0/0

Review

Which CSS property independently tags an element for a named view transition capture?

Level 1 defines view-transition-name for independently captured named subtrees.
Which pseudo-element is the root of the generated view transition tree?

The generated transition tree is rooted at ::view-transition.
Which pseudo-element contains the old and new captures for one named transition?

The image-pair pseudo-element contains the old and new state pseudo-elements.
Which @view-transition descriptor opts a document into eligible automatic navigation transitions?

Level 2 defines the navigation descriptor with auto and none values.
Which selector reacts to a specific active transition type on the document root?

The Level 2 pseudo-class is :active-view-transition-type(), and it matches the document element.
What is the key distinction between view-transition-class and view-transition-name?

view-transition-name establishes the independent capture; view-transition-class provides additional matching for transition pseudo-element styling.
What can view-transition-name:auto use when the element has an appropriate id?

Level 2 permits the element id to supply the used transition name under its root condition.
What does view-transition-group establish?

It establishes a parent relationship in the generated view transition tree.
Does the generated view-transition tree become part of the accessibility tree?

Level 1 explicitly states that the view transition tree is not exposed to the accessibility tree.
What is the intended relationship between the visual transition and the underlying state change?

The specification treats the visual transition as an enhancement; skipping it does not prevent the underlying update.
Which CSS property can limit view-transition-name discovery to an element subtree?

The live Level 2 Editor’s Draft defines view-transition-scope; its all value limits discoverability to the scoped subtree.
What is the current Level 2 ::view-transition-group-children() pseudo-element used for?

The current nested-group model creates a group-children pseudo-element to contain descendant transition groups.

Back to lesson

CSS View Transitions Quiz

CSS View Transitions Quiz

Which CSS property independently tags an element for a named view transition capture?

Which pseudo-element is the root of the generated view transition tree?

Which pseudo-element contains the old and new captures for one named transition?

Which @view-transition descriptor opts a document into eligible automatic navigation transitions?

Which selector reacts to a specific active transition type on the document root?

What is the key distinction between view-transition-class and view-transition-name?

What can view-transition-name:auto use when the element has an appropriate id?

What does view-transition-group establish?

Does the generated view-transition tree become part of the accessibility tree?

What is the intended relationship between the visual transition and the underlying state change?

Which CSS property can limit view-transition-name discovery to an element subtree?

What is the current Level 2 ::view-transition-group-children() pseudo-element used for?

Quiz results

Review