Animation & Motion snippets

Widely supported

Animated underline link

Hover-triggered underline animation using background-size.

ui

New

Fade in entrance

CSS-only fade-in animation with @starting-style for element entry.

no-js

Widely supported

Scroll progress bar

Scroll-driven reading indicator with animation-timeline: scroll().

no-js

Widely supported

CSS loading spinner

A pure CSS loading spinner using keyframes and border, with prefers-reduced-motion support.

ui