3
Back

Gradient #68

mesh-arctic-bloom

radial-mesh-arctic-bloom

Copy styles

Tailwind
bg-[radial-gradient(55%_70%_at_8%_12%,rgba(125,211,252,0.45)_0%,rgba(125,211,252,0)_100%),radial-gradient(55%_70%_at_88%_16%,rgba(196,181,253,0.48)_0%,rgba(196,181,253,0)_100%),radial-gradient(70%_90%_at_50%_88%,rgba(167,243,208,0.58)_0%,rgba(167,243,208,0)_100%),linear-gradient(140deg,#f0f9ff_0%,#eef2ff_45%,#ecfeff_100%)] border border-solid border-[rgba(14,116,144,0.16)]
CSS3
.radial-mesh-arctic-bloom {

  background-image:
    radial-gradient(55% 70% at 8% 12%, rgba(125, 211, 252, 0.45) 0%, rgba(125, 211, 252, 0) 100%),
    radial-gradient(55% 70% at 88% 16%, rgba(196, 181, 253, 0.48) 0%, rgba(196, 181, 253, 0) 100%),
    radial-gradient(70% 90% at 50% 88%, rgba(167, 243, 208, 0.58) 0%, rgba(167, 243, 208, 0) 100%),
    linear-gradient(140deg, #f0f9ff 0%, #eef2ff 45%, #ecfeff 100%);
  border: 1px solid rgba(14, 116, 144, 0.16);
}