CSS Animation

• 

  How to use custom animated cursors to upgrade your website UX (+ developer tips)

  Clinton Joy

  Updated 8/12/25
• 

  Creative and unique CSS animation examples that bring websites to life [+ code]

  Clinton Joy

  Updated 11/12/25
• 

  12 Examples of CSS Drop-Down Animations

  Madhu Murali

  Updated 2/17/25
• 

  How to Add a CSS Fade-in Transition Animation to Text, Images, Scroll & Hover

  Jamie Juviler

  Updated 5/1/25
• 

  What Are CSS Hover Animations & How Can You Use Them?

  Anna Fitzgerald

  Updated 5/14/25
• 

  CSS Loading Animations: How to Make Them + 15 Templates I Love

  Jamie Juviler

  Updated 11/18/24
• 

  Website Button Design: Your CSS Guide

  Allie Decker

  Updated 9/18/24
• 

  How to Use CSS to Make an Animated Gradient

  Marquel Ellis

  Updated 4/4/24
• 

  The Bulma CSS Framework: What It Is and How To Get Started

  Jamie Juviler

  Updated 2/28/24
• 

  CSS Explained: Core Concepts, Techniques, & Best Practices

  Jamie Juviler

  Updated 1/30/25
• 

  Animatable CSS Properties List: Every One You Should Know

  Maddy Osman

  Updated 6/14/23
• 

  The CSS Animation Timing Function: How to Use It + 9 Examples

  Anna Fitzgerald

  Updated 3/5/24
• 

  The CSS animation-iteration-count Property, Explained

  Jamie Juviler

  Updated 5/9/23
• 

  How to Create CSS Card Animations

  Darrielle Evans

  Updated 6/26/25
• 

  How to Create CSS Animations on Scroll

  Darrielle Evans

  Updated 6/26/25
• 

  How to Create SVG CSS Animations [+ Examples]

  Marquel Ellis

  Updated 6/20/25
• 

  The CSS animation-direction Property, Explained

  Anna Fitzgerald

  Updated 10/16/23
• 

  CSS Animation Pulse: How to Do It

  Madison Zoey Vettorino

  Updated 10/22/23
• 

  How to Create a Typing Animation in CSS [Step-By-Step Guide]

  Jamie Juviler

  Updated 10/13/23
• 

  How to Bring Your Website to Life with CSS Animations and Effects

  Anna Fitzgerald

  Updated 1/30/25