Gradient #31
glow-nova-sky
radial-glow-nova-sky
Copy styles
Tailwind
bg-[radial-gradient(46%_62%_at_14%_10%,rgba(103,232,249,0.66)_0%,rgba(103,232,249,0)_100%),radial-gradient(50%_66%_at_84%_14%,rgba(167,139,250,0.5)_0%,rgba(167,139,250,0)_100%),radial-gradient(74%_96%_at_50%_88%,rgba(191,219,254,0.42)_0%,rgba(191,219,254,0)_100%),linear-gradient(148deg,#f0f9ff_0%,#dbeafe_52%,#e9d5ff_100%)] border border-solid border-[rgba(37,99,235,0.23)] shadow-[0_0_0_1px_rgba(103,232,249,0.14),0_14px_34px_-18px_rgba(67,56,202,0.52),0_0_40px_rgba(147,197,253,0.24)] CSS3
.radial-glow-nova-sky {
background-image:
radial-gradient(46% 62% at 14% 10%, rgba(103, 232, 249, 0.66) 0%, rgba(103, 232, 249, 0) 100%),
radial-gradient(50% 66% at 84% 14%, rgba(167, 139, 250, 0.5) 0%, rgba(167, 139, 250, 0) 100%),
radial-gradient(74% 96% at 50% 88%, rgba(191, 219, 254, 0.42) 0%, rgba(191, 219, 254, 0) 100%),
linear-gradient(148deg, #f0f9ff 0%, #dbeafe 52%, #e9d5ff 100%);
border: 1px solid rgba(37, 99, 235, 0.23);
box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.14), 0 14px 34px -18px rgba(67, 56, 202, 0.52), 0 0 40px rgba(147, 197, 253, 0.24);
}