3
Back

Gradient #142

conic-berry-vortex

radial-conic-berry-vortex

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_93deg_at_50%_50%,#fdf2f8_0deg,#fbcfe8_72deg,#f472b6_156deg,#be185d_278deg,#fdf2f8_360deg)] border border-solid border-[color-mix(in_srgb,#be185d_24%,transparent)]
CSS3
.radial-conic-berry-vortex {

  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 93deg at 50% 50%, #fdf2f8 0deg, #fbcfe8 72deg, #f472b6 156deg, #be185d 278deg, #fdf2f8 360deg);
  border: 1px solid color-mix(in srgb, #be185d 24%, transparent);
}