3
Back

Gradient #197

multi-stop-aurora-stack

radial-multi-stop-aurora-stack

Copy styles

Tailwind
bg-[radial-gradient(80%_90%_at_18%_16%,color-mix(in_srgb,#e2e8f0_56%,transparent)_0%,transparent_58%),radial-gradient(72%_84%_at_84%_82%,color-mix(in_srgb,#64748b_40%,transparent)_0%,transparent_62%),linear-gradient(195deg,#f8fafc_0%,#e2e8f0_24%,#cbd5e1_50%,#64748b_74%,#0f172a_100%)] border border-solid border-[color-mix(in_srgb,#0f172a_18%,transparent)]
CSS3
.radial-multi-stop-aurora-stack {

  background-image:
    radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #e2e8f0 56%, transparent) 0%, transparent 58%),
    radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #64748b 40%, transparent) 0%, transparent 62%),
    linear-gradient(195deg, #f8fafc 0%, #e2e8f0 24%, #cbd5e1 50%, #64748b 74%, #0f172a 100%);
  border: 1px solid color-mix(in srgb, #0f172a 18%, transparent);
}