All Tools
1049+ free tools

Scroll Animation Builder

Generate CSS for scroll-triggered reveal animations.

Reveal block 1
Animation delay: 0ms
Reveal block 2
Animation delay: 150ms
Reveal block 3
Animation delay: 300ms
Reveal block 4
Animation delay: 450ms
@keyframes scroll-slide-up { from { transform:translateY(40px);opacity:0 } to { transform:translateY(0);opacity:1 } }
.reveal { animation: scroll-slide-up 600ms ease-out forwards; }
@media (prefers-reduced-motion: reduce) { .reveal { animation: none; transform:translateY(0);opacity:1 } }

Related design tools

Accessibility Checker
WCAG contrast & accessibility compliance checker
Color Wheel
Interactive HSL color wheel — click to pick hue and saturation.
Color Picker
Pick a color and get HEX, RGB, and HSL values instantly.
Palette Generator
Generate random color palettes in 5 styles.