CSS native states and navigation: twelve decisions

Check which states CSS can paint and which interactions the browser or application must own.

Review the decisions

• CSS :defined: preserve content while a custom element upgrades
• CSS ::details-content: style the disclosure body while keeping native behavior
• CSS @view-transition: opt in only the pages that can tolerate a cross-page animation
• CSS :modal: style the active modal state without faking modality

Other checks

• CSS Quizzes
• CSS component boundaries and transitions: twelve decisions

Common Mistakes

• Do not confuse styling a state with creating it.
• Do not hide essential content behind optional animation or script behavior.