Gradient #70
mesh-cobalt-flare
radial-mesh-cobalt-flare
Copy styles
Tailwind
bg-[radial-gradient(62%_82%_at_12%_18%,rgba(56,189,248,0.45)_0%,rgba(56,189,248,0)_100%),radial-gradient(56%_80%_at_88%_12%,rgba(59,130,246,0.45)_0%,rgba(59,130,246,0)_100%),radial-gradient(78%_98%_at_52%_92%,rgba(96,165,250,0.5)_0%,rgba(96,165,250,0)_100%),linear-gradient(145deg,#eff6ff_0%,#dbeafe_52%,#e0f2fe_100%)] border border-solid border-[rgba(37,99,235,0.18)] CSS3
.radial-mesh-cobalt-flare {
background-image:
radial-gradient(62% 82% at 12% 18%, rgba(56, 189, 248, 0.45) 0%, rgba(56, 189, 248, 0) 100%),
radial-gradient(56% 80% at 88% 12%, rgba(59, 130, 246, 0.45) 0%, rgba(59, 130, 246, 0) 100%),
radial-gradient(78% 98% at 52% 92%, rgba(96, 165, 250, 0.5) 0%, rgba(96, 165, 250, 0) 100%),
linear-gradient(145deg, #eff6ff 0%, #dbeafe 52%, #e0f2fe 100%);
border: 1px solid rgba(37, 99, 235, 0.18);
}