bg.layers logobg.layers

Break down
CSS backgrounds,
layer by layer

Paste any background CSSand see what each layer contributes — separately.

Playground
  • 1radialradial-gradient(circle, #b5bae8 20%, transparent 0) calc(50% - 20.5px) calc(50% - 20.5px) / 40px 40px
  • 2conicconic-gradient(from 270deg at bottom 1px right 1px, transparent 25%, #d8dbff 0) center / 40px 40px
  • 3linearlinear-gradient(-45deg, #edf4ff, transparent)

drag to reorder

CSS input
Preview
paste CSS to preview

Try an example