Animated Backgrounds

CSS Only Pattern Animation

Gradient Background with Waves

Gradient background with some waves on the bottom of the page. If you want a different background for you website or app this is a simple way.

Blurred Animated Gradients

Bubble Background Animation

Hexagon Background with 0 HTML

CSS linear-gradient Animations

Animating a stack of linear-gradients.

Floating Color Orbs

Shooting Star

Bubble Float

Falling Leaves CSS Animation

October falling leaves CSS animation CSS no JavaScript.

Noise Background

CSS only animated static noise background.

Pattern Animation (Infinite)

Used Flexbox to vertically and horizontally center text. Used keyframes to set an infinite scroll.

Only CSS: Warning

Stripe background.

Cool Mountain Background

Cool mountain background with animations - slightly responsive.

Animated Ripples Background

Infinite SVG Triangle Fusion

2kb Total Size SVG Animation

Animated CSS Mask-Image Gradient

CSS Fireflies

An elegant HTML/CSS only solution for adding a tranquil fireflies effect to you page.

Pure CSS Particle Animation

CSS particle animation without JavaScript. The most important point is random movement of particles. The vignetting was created by mask-image property.

Pure CSS Twinkling Stars Background

Subtle twinkling stars and moving clouds animation using only CSS.

Background Effect

HTML and CSS background effect.

Pure CSS Animated Background

Pure CSS animated background.

Sliding Diagonals Background Effect

An animated background under the content.

Background Animation

HTML and CSS background animation.