3
Back

Gradient #2

glow-violet-pulse

radial-glow-violet-pulse

Copy styles

Tailwind
bg-[radial-gradient(46%_64%_at_16%_18%,rgba(167,139,250,0.64)_0%,rgba(167,139,250,0)_100%),radial-gradient(52%_68%_at_84%_14%,rgba(192,132,252,0.56)_0%,rgba(192,132,252,0)_100%),radial-gradient(72%_96%_at_50%_86%,rgba(216,180,254,0.44)_0%,rgba(216,180,254,0)_100%),linear-gradient(150deg,#faf5ff_0%,#f3e8ff_55%,#ede9fe_100%)] border border-solid border-[rgba(139,92,246,0.24)] shadow-[0_0_0_1px_rgba(167,139,250,0.14),0_14px_34px_-18px_rgba(139,92,246,0.58),0_0_42px_rgba(168,85,247,0.28)]
CSS3
.radial-glow-violet-pulse {

  background-image:
    radial-gradient(46% 64% at 16% 18%, rgba(167, 139, 250, 0.64) 0%, rgba(167, 139, 250, 0) 100%),
    radial-gradient(52% 68% at 84% 14%, rgba(192, 132, 252, 0.56) 0%, rgba(192, 132, 252, 0) 100%),
    radial-gradient(72% 96% at 50% 86%, rgba(216, 180, 254, 0.44) 0%, rgba(216, 180, 254, 0) 100%),
    linear-gradient(150deg, #faf5ff 0%, #f3e8ff 55%, #ede9fe 100%);
  border: 1px solid rgba(139, 92, 246, 0.24);
  box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.14), 0 14px 34px -18px rgba(139, 92, 246, 0.58), 0 0 42px rgba(168, 85, 247, 0.28);
}