Gradient #159
conic-lime-rosette
radial-conic-lime-rosette
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_22deg_at_50%_50%,#f0f9ff_0deg,#bae6fd_72deg,#0ea5e9_156deg,#075985_278deg,#f0f9ff_360deg)] border border-solid border-[color-mix(in_srgb,#075985_24%,transparent)] CSS3
.radial-conic-lime-rosette {
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 22deg at 50% 50%, #f0f9ff 0deg, #bae6fd 72deg, #0ea5e9 156deg, #075985 278deg, #f0f9ff 360deg);
border: 1px solid color-mix(in srgb, #075985 24%, transparent);
}