Gradient #137
conic-prism-spin
radial-conic-prism-spin
Copy styles
Tailwind
bg-[radial-gradient(70%_70%_at_50%_50%,rgba(255,255,255,0.38)_0%,rgba(255,255,255,0)_62%),conic-gradient(from_8deg_at_50%_50%,#f8fafc_0deg,#bfdbfe_72deg,#38bdf8_156deg,#1d4ed8_278deg,#f8fafc_360deg)] border border-solid border-[color-mix(in_srgb,#1d4ed8_24%,transparent)] CSS3
.radial-conic-prism-spin {
background-image:
radial-gradient(70% 70% at 50% 50%, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0) 62%),
conic-gradient(from 8deg at 50% 50%, #f8fafc 0deg, #bfdbfe 72deg, #38bdf8 156deg, #1d4ed8 278deg, #f8fafc 360deg);
border: 1px solid color-mix(in srgb, #1d4ed8 24%, transparent);
}