CSS Animations & Transitions Demo

Hover Effects

Button scales and changes color on hover

Rotation

Hover the box to see 360° rotation

Pulse Animation

Continuous pulsing animation using keyframes

Slide In

I slid in from the left!

Text slides in on page load

Bounce Effect

Ball bounces continuously

Loading Spinner

Rotating loading animation

Fade Transition

Hover to brighten!

Opacity changes on hover

Card Hover

This entire card lifts up when you hover over it, demonstrating transform and box-shadow transitions!