• Created:2026/03/03
• Updated:2026/03/03
• Author:
  Takeshi Takatsudo

Interactive

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

• Hover, Focus, and Active States
• Transition Best Practices
• Scroll Snap
• Scroll-Driven Animations
• Touch Target Sizing
• prefers-reduced-motion
• Form Control Styling
• Overscroll Behavior
• Parent-State Child Styling
• The :has() Selector
• View Transitions
• :is() and :where() Selectors