3
Back

Gradient #148

conic-mint-gyro

radial-conic-mint-gyro

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_195deg_at_50%_50%,#f7fee7_0deg,#d9f99d_72deg,#84cc16_156deg,#3f6212_278deg,#f7fee7_360deg)] border border-solid border-[color-mix(in_srgb,#3f6212_24%,transparent)]
CSS3
.radial-conic-mint-gyro {

  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 195deg at 50% 50%, #f7fee7 0deg, #d9f99d 72deg, #84cc16 156deg, #3f6212 278deg, #f7fee7 360deg);
  border: 1px solid color-mix(in srgb, #3f6212 24%, transparent);
}