3
Back

Gradient #12

glow-pluto-ice

radial-glow-pluto-ice

Copy styles

Tailwind
bg-[radial-gradient(46%_62%_at_15%_12%,rgba(125,211,252,0.62)_0%,rgba(125,211,252,0)_100%),radial-gradient(48%_64%_at_84%_14%,rgba(196,181,253,0.5)_0%,rgba(196,181,253,0)_100%),radial-gradient(74%_96%_at_52%_88%,rgba(103,232,249,0.42)_0%,rgba(103,232,249,0)_100%),linear-gradient(148deg,#ecfeff_0%,#e0f2fe_52%,#eef2ff_100%)] border border-solid border-[rgba(14,165,233,0.23)] shadow-[0_0_0_1px_rgba(125,211,252,0.14),0_14px_34px_-18px_rgba(14,116,144,0.52),0_0_42px_rgba(147,197,253,0.24)]
CSS3
.radial-glow-pluto-ice {

  background-image:
    radial-gradient(46% 62% at 15% 12%, rgba(125, 211, 252, 0.62) 0%, rgba(125, 211, 252, 0) 100%),
    radial-gradient(48% 64% at 84% 14%, rgba(196, 181, 253, 0.5) 0%, rgba(196, 181, 253, 0) 100%),
    radial-gradient(74% 96% at 52% 88%, rgba(103, 232, 249, 0.42) 0%, rgba(103, 232, 249, 0) 100%),
    linear-gradient(148deg, #ecfeff 0%, #e0f2fe 52%, #eef2ff 100%);
  border: 1px solid rgba(14, 165, 233, 0.23);
  box-shadow: 0 0 0 1px rgba(125, 211, 252, 0.14), 0 14px 34px -18px rgba(14, 116, 144, 0.52), 0 0 42px rgba(147, 197, 253, 0.24);
}