3
Back

Gradient #240

mesh-neo-cyanfield

radial-mesh-neo-cyanfield

Copy styles

Tailwind
bg-[radial-gradient(58%_76%_at_10%_14%,#67e8f999_0%,#ffffff00_100%),radial-gradient(54%_78%_at_86%_14%,#6ee7b788_0%,#ffffff00_100%),radial-gradient(72%_96%_at_50%_90%,#0ea5e977_0%,#ffffff00_100%),linear-gradient(120deg,#ecfeff_0%,#ecfdf5_52%,#10b981_100%)] border border-solid border-[rgba(14,116,144,0.22)]
CSS3
.radial-mesh-neo-cyanfield {

  background-image:
    radial-gradient(58% 76% at 10% 14%, #67e8f999 0%, #ffffff00 100%),
    radial-gradient(54% 78% at 86% 14%, #6ee7b788 0%, #ffffff00 100%),
    radial-gradient(72% 96% at 50% 90%, #0ea5e977 0%, #ffffff00 100%),
    linear-gradient(120deg, #ecfeff 0%, #ecfdf5 52%, #10b981 100%);
  border: 1px solid rgba(14, 116, 144, 0.22);
}