frontend-visual-micro-interactions
Installation
SKILL.md
Frontend Visual : Micro-Interactions
Authoritative reference for hover / focus / press feedback, motion choreography, and modern-CSS entry animations. The four primitives : explicit easing curves, compositor-only properties (transform, opacity, filter), prefers-reduced-motion collapse, and @starting-style + transition-behavior: allow-discrete for discrete-property transitions.
Quick Reference
Baseline status
| Feature | Baseline | Source |
|---|---|---|
transition, @keyframes, animation |
Widely Available | MDN : transition (verified 2026-05-19) |
prefers-reduced-motion |
Widely Available since January 2020 | MDN : prefers-reduced-motion (verified 2026-05-19) |
@starting-style |
Newly Available since August 2024 | MDN : @starting-style (verified 2026-05-19) |
transition-behavior: allow-discrete |
Newly Available since August 2024 | MDN : transition-behavior (verified 2026-05-19) |