10 Background Animations in CSS

Background animations for modern websites.

Select an animation to preview it full-width. Then copy the utility class into any hero, section, or component background.

Active animation

Gradient Shift

Class .bg-gradient-shift

Soft, multi-stop gradient that gently shifts over time. Ideal for hero sections and minimal landing pages.

Animations

Click to preview & copy the utility class.