3
Back

Gradient #72

mesh-amethyst-cloud

radial-mesh-amethyst-cloud

Copy styles

Tailwind
bg-[radial-gradient(58%_76%_at_12%_10%,rgba(192,132,252,0.42)_0%,rgba(192,132,252,0)_100%),radial-gradient(52%_74%_at_86%_18%,rgba(147,51,234,0.35)_0%,rgba(147,51,234,0)_100%),radial-gradient(74%_100%_at_48%_88%,rgba(216,180,254,0.52)_0%,rgba(216,180,254,0)_100%),linear-gradient(145deg,#faf5ff_0%,#ede9fe_52%,#f5f3ff_100%)] border border-solid border-[rgba(126,34,206,0.17)]
CSS3
.radial-mesh-amethyst-cloud {

  background-image:
    radial-gradient(58% 76% at 12% 10%, rgba(192, 132, 252, 0.42) 0%, rgba(192, 132, 252, 0) 100%),
    radial-gradient(52% 74% at 86% 18%, rgba(147, 51, 234, 0.35) 0%, rgba(147, 51, 234, 0) 100%),
    radial-gradient(74% 100% at 48% 88%, rgba(216, 180, 254, 0.52) 0%, rgba(216, 180, 254, 0) 100%),
    linear-gradient(145deg, #faf5ff 0%, #ede9fe 52%, #f5f3ff 100%);
  border: 1px solid rgba(126, 34, 206, 0.17);
}