Gradient #156

conic-lagoon-vane

radial-conic-lagoon-vane

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_331deg_at_50%_50%,#f8fafc_0deg,#cbd5e1_72deg,#64748b_156deg,#1e293b_278deg,#f8fafc_360deg)] border border-solid border-[color-mix(in_srgb,#1e293b_24%,transparent)]

CSS3

.radial-conic-lagoon-vane {

  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 331deg at 50% 50%, #f8fafc 0deg, #cbd5e1 72deg, #64748b 156deg, #1e293b 278deg, #f8fafc 360deg);
  border: 1px solid color-mix(in srgb, #1e293b 24%, transparent);
}