Gradient #145

conic-tropic-loop

radial-conic-tropic-loop

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_144deg_at_50%_50%,#eef2ff_0deg,#c7d2fe_72deg,#818cf8_156deg,#3730a3_278deg,#eef2ff_360deg)] border border-solid border-[color-mix(in_srgb,#3730a3_24%,transparent)]

CSS3

.radial-conic-tropic-loop {

  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 144deg at 50% 50%, #eef2ff 0deg, #c7d2fe 72deg, #818cf8 156deg, #3730a3 278deg, #eef2ff 360deg);
  border: 1px solid color-mix(in srgb, #3730a3 24%, transparent);
}