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);
}