Skip to main content
EricRoseDev Design System

Backdrop

An animated background made of stackable layers, behind any element or the whole page. Pure CSS: switch layers on and off below, then copy the markup.

Content sits on top

The layers stay behind everything inside the backdrop, and ignore clicks.

Gradient
Shapes
Texture
Whole backdrop

Markup

Presets

Aurora
Spin + grain
Rings, 2× speed
Grid paper