Animations

Pure CSS animations with scroll-triggered effects using Intersection Observer.

CSS Looping Animations

Continuous animations without JavaScript

animate-spin-slow

Slow rotation

animate-bounce-slow

Slow bounce

animate-pulse-shadow

Pulsing shadow

Scroll-Triggered Animations

Elements animate in when scrolled into view (scroll down to see)

fade-in-up

Fades in and slides up when scrolled into view

slide-in-left

Slides in from the left

slide-in-right

Slides in from the right

scale-in

Scales up from smaller size

Hover Effects

Interactive animations on hover

hover-lift

Moves up with expanded shadow

hover-scale

Scales up slightly

hover-rotate

Rotates slightly

Zero JavaScript for Styling

All animations are pure CSS. Scroll triggers use vanilla JavaScript Intersection Observer helper (see src/scripts/animations.js).
```