---
title: "A Guide to CSS Animation"
description: "CodePen collection accompanying a CSS animation guide, demonstrating keyframes, timing, choreography and stateful animation techniques."
canonical: "https://vibing.inc/library/a-guide-to-css-animation-vg-1438"
category: "Motion & Animation"
subcategory: "Codepen collections"
license: "free"
author: "Jhey Tompkins (@jh3y)"
source: "https://codepen.io/collection/nMpBQm/"
---

# A Guide to CSS Animation
CodePen collection accompanying a CSS animation guide, demonstrating keyframes, timing, choreography and stateful animation techniques.
## Facts
- Source: https://codepen.io/collection/nMpBQm/
- Category: Motion & Animation / Codepen collections
- Author: Jhey Tompkins (@jh3y)
- Licence: free
- Tags: codepen, css, keyframes, tutorial
## Why it's a gem
Curated by one of CSS's best demo authors; every pen teaches a distinct trick.
---
Listed in The Vibeary: https://vibing.inc/library/a-guide-to-css-animation-vg-1438 · JSON: https://vibing.inc/api/public/library/gems/a-guide-to-css-animation-vg-1438