CSS transitions from scratch
Learn CSS transitions: property, duration, timing function, delay, which properties to transition, and performance best practices.
Easing functions explained
CSS easing functions: ease, cubic-bezier, steps, and linear() for natural-feeling animations.
Functional motion & scroll-driven animations
Using scroll and view timelines for UX, not just decoration.
@keyframes: CSS animation sequences
Deep dive into @keyframes: syntax, fill-mode, iteration, direction, play-state, and performance tips for smooth CSS animations.
prefers-reduced-motion
How to use prefers-reduced-motion: what it is, default-on vs. opt-in approaches, and which animations to remove for accessible motion design.
@starting-style: animating element creation
How @starting-style lets you transition from display: none. Entry animations without JavaScript.
View Transitions API
Native page and element transitions — the View Transitions API.