3
Back

Gradient #248

mesh-neo-tealstorm

radial-mesh-neo-tealstorm

Copy styles

Tailwind
bg-[radial-gradient(58%_76%_at_10%_14%,#818cf899_0%,#ffffff00_100%),radial-gradient(54%_78%_at_86%_14%,#fdba7488_0%,#ffffff00_100%),radial-gradient(72%_96%_at_50%_90%,#4f46e577_0%,#ffffff00_100%),linear-gradient(176deg,#eef2ff_0%,#fff7ed_52%,#f97316_100%)] border border-solid border-[rgba(67,56,202,0.22)]
CSS3
.radial-mesh-neo-tealstorm {

  background-image:
    radial-gradient(58% 76% at 10% 14%, #818cf899 0%, #ffffff00 100%),
    radial-gradient(54% 78% at 86% 14%, #fdba7488 0%, #ffffff00 100%),
    radial-gradient(72% 96% at 50% 90%, #4f46e577 0%, #ffffff00 100%),
    linear-gradient(176deg, #eef2ff 0%, #fff7ed 52%, #f97316 100%);
  border: 1px solid rgba(67, 56, 202, 0.22);
}