Hover, Focus, and Active States

Transition Best Practices

View Transitions

The :has() Selector

:is() and :where() Selectors

Parent-State Child Styling

Scroll-Driven Animations

Overscroll Behavior

Form Control Styling

Touch Target Sizing

prefers-reduced-motion

EN/JA

OverviewMethodologyLayoutTypographyStylingResponsiveInteractiveClaude···

Overview Methodology Layout Typography Styling Responsive Interactive Claude

Type to search...

to open search from anywhere

EN/JA

Hover, Focus, and Active States

Transition Best Practices

View Transitions

The :has() Selector

:is() and :where() Selectors

Parent-State Child Styling

Scroll-Driven Animations

Overscroll Behavior

Form Control Styling

Touch Target Sizing

prefers-reduced-motion

EN/JA

Interactive

Interactive

CreatedMar 13, 2026UpdatedMar 26, 2026Takeshi Takatsudo

Hover/focus/active states, transitions, animations, scroll behaviors, and interactive patterns.

Hover, Focus, and Active States

Revision History

Fundamentals

Tight Token Strategy
Component First Strategy
Three-Tier Color Strategy

Copyright © 2026 Takazudo. Built with zudo-doc. Enjoy synth on Takazudo Modular.