3
Back

Gradient #13

glow-nebula-orchid

radial-glow-nebula-orchid

Copy styles

Tailwind
bg-[radial-gradient(44%_62%_at_16%_10%,rgba(232,121,249,0.66)_0%,rgba(232,121,249,0)_100%),radial-gradient(50%_66%_at_84%_12%,rgba(168,85,247,0.56)_0%,rgba(168,85,247,0)_100%),radial-gradient(72%_96%_at_50%_90%,rgba(244,114,182,0.4)_0%,rgba(244,114,182,0)_100%),linear-gradient(150deg,#fdf4ff_0%,#fae8ff_52%,#fce7f3_100%)] border border-solid border-[rgba(192,38,211,0.25)] shadow-[0_0_0_1px_rgba(232,121,249,0.14),0_14px_34px_-18px_rgba(147,51,234,0.56),0_0_40px_rgba(236,72,153,0.24)]
CSS3
.radial-glow-nebula-orchid {

  background-image:
    radial-gradient(44% 62% at 16% 10%, rgba(232, 121, 249, 0.66) 0%, rgba(232, 121, 249, 0) 100%),
    radial-gradient(50% 66% at 84% 12%, rgba(168, 85, 247, 0.56) 0%, rgba(168, 85, 247, 0) 100%),
    radial-gradient(72% 96% at 50% 90%, rgba(244, 114, 182, 0.4) 0%, rgba(244, 114, 182, 0) 100%),
    linear-gradient(150deg, #fdf4ff 0%, #fae8ff 52%, #fce7f3 100%);
  border: 1px solid rgba(192, 38, 211, 0.25);
  box-shadow: 0 0 0 1px rgba(232, 121, 249, 0.14), 0 14px 34px -18px rgba(147, 51, 234, 0.56), 0 0 40px rgba(236, 72, 153, 0.24);
}