CSS Keyframes

CSS Keyframes — a practical guide to CSS keyframes with clear examples you can reuse in real projects.

CSS Tutorial Series (75/109). Prefer one article? Read the complete CSS tutorial.

Short description

Name keyframes clearly; keep timelines short and purposeful.

Keyframes

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}