Gradient #75
mesh-ocean-aurora
radial-mesh-ocean-aurora
Copy styles
Tailwind
bg-[radial-gradient(62%_84%_at_8%_14%,rgba(34,211,238,0.4)_0%,rgba(34,211,238,0)_100%),radial-gradient(58%_80%_at_88%_16%,rgba(59,130,246,0.34)_0%,rgba(59,130,246,0)_100%),radial-gradient(74%_98%_at_46%_88%,rgba(45,212,191,0.52)_0%,rgba(45,212,191,0)_100%),linear-gradient(150deg,#ecfeff_0%,#e0f2fe_48%,#dbeafe_100%)] border border-solid border-[rgba(14,116,144,0.17)] CSS3
.radial-mesh-ocean-aurora {
background-image:
radial-gradient(62% 84% at 8% 14%, rgba(34, 211, 238, 0.4) 0%, rgba(34, 211, 238, 0) 100%),
radial-gradient(58% 80% at 88% 16%, rgba(59, 130, 246, 0.34) 0%, rgba(59, 130, 246, 0) 100%),
radial-gradient(74% 98% at 46% 88%, rgba(45, 212, 191, 0.52) 0%, rgba(45, 212, 191, 0) 100%),
linear-gradient(150deg, #ecfeff 0%, #e0f2fe 48%, #dbeafe 100%);
border: 1px solid rgba(14, 116, 144, 0.17);
}