Gradient #55
mesh-aqua-velour
radial-mesh-aqua-velour
Copy styles
Tailwind
bg-[radial-gradient(56%_78%_at_12%_12%,color-mix(in_oklch,oklch(80%_0.12_205)_62%,transparent)_0%,transparent_100%),radial-gradient(50%_70%_at_86%_18%,color-mix(in_oklch,oklch(84%_0.11_165)_62%,transparent)_0%,transparent_100%),radial-gradient(74%_98%_at_48%_88%,color-mix(in_oklch,oklch(73%_0.12_255)_48%,transparent)_0%,transparent_100%),linear-gradient(150deg,oklch(97%_0.014_220)_0%,oklch(93%_0.035_195)_45%,oklch(93%_0.03_170)_70%,oklch(95%_0.025_250)_100%)] border border-solid border-[color-mix(in_oklch,oklch(69%_0.1_210)_18%,white)] CSS3
.radial-mesh-aqua-velour {
background-image:
radial-gradient(56% 78% at 12% 12%, color-mix(in oklch, oklch(80% 0.12 205) 62%, transparent) 0%, transparent 100%),
radial-gradient(50% 70% at 86% 18%, color-mix(in oklch, oklch(84% 0.11 165) 62%, transparent) 0%, transparent 100%),
radial-gradient(74% 98% at 48% 88%, color-mix(in oklch, oklch(73% 0.12 255) 48%, transparent) 0%, transparent 100%),
linear-gradient(150deg, oklch(97% 0.014 220) 0%, oklch(93% 0.035 195) 45%, oklch(93% 0.03 170) 70%, oklch(95% 0.025 250) 100%);
border: 1px solid color-mix(in oklch, oklch(69% 0.1 210) 18%, white);
}