inline-css-bits

Esc

Aurora Gradient

<div style="width:100%;min-height:200px;border-radius:12px;background:linear-gradient(135deg,#0c0a2a 0%,#1a0e3e 20%,#0e2a5a 40%,#0a3a3a 60%,#1a4a2a 80%,#0c0a2a 100%);background-size:400% 400%;box-shadow:inset 0 0 100px rgba(100,200,150,0.15),inset 0 0 60px rgba(80,120,200,0.1)"></div>

Customize

px

Props

Name Type Default Description
borderRadius slider (px) 12px Corner roundness

Northern lights aurora-inspired gradient background

auroragradientcolorful