3
Back

Gradient #71

mesh-mint-velvet

radial-mesh-mint-velvet

Copy styles

Tailwind
bg-[radial-gradient(60%_80%_at_10%_10%,rgba(74,222,128,0.36)_0%,rgba(74,222,128,0)_100%),radial-gradient(54%_78%_at_86%_20%,rgba(45,212,191,0.42)_0%,rgba(45,212,191,0)_100%),radial-gradient(72%_96%_at_50%_88%,rgba(110,231,183,0.56)_0%,rgba(110,231,183,0)_100%),linear-gradient(150deg,#ecfdf5_0%,#d1fae5_56%,#ccfbf1_100%)] border border-solid border-[rgba(5,150,105,0.17)]
CSS3
.radial-mesh-mint-velvet {

  background-image:
    radial-gradient(60% 80% at 10% 10%, rgba(74, 222, 128, 0.36) 0%, rgba(74, 222, 128, 0) 100%),
    radial-gradient(54% 78% at 86% 20%, rgba(45, 212, 191, 0.42) 0%, rgba(45, 212, 191, 0) 100%),
    radial-gradient(72% 96% at 50% 88%, rgba(110, 231, 183, 0.56) 0%, rgba(110, 231, 183, 0) 100%),
    linear-gradient(150deg, #ecfdf5 0%, #d1fae5 56%, #ccfbf1 100%);
  border: 1px solid rgba(5, 150, 105, 0.17);
}