Gradient #69
mesh-peach-wave
radial-mesh-peach-wave
Copy styles
bg-[radial-gradient(58%_78%_at_14%_8%,rgba(253,186,116,0.5)_0%,rgba(253,186,116,0)_100%),radial-gradient(52%_72%_at_84%_20%,rgba(244,114,182,0.38)_0%,rgba(244,114,182,0)_100%),radial-gradient(70%_95%_at_44%_86%,rgba(254,240,138,0.56)_0%,rgba(254,240,138,0)_100%),linear-gradient(155deg,#fff7ed_0%,#fdf2f8_52%,#fef9c3_100%)] border border-solid border-[rgba(234,88,12,0.15)].radial-mesh-peach-wave {
background-image:
radial-gradient(58% 78% at 14% 8%, rgba(253, 186, 116, 0.5) 0%, rgba(253, 186, 116, 0) 100%),
radial-gradient(52% 72% at 84% 20%, rgba(244, 114, 182, 0.38) 0%, rgba(244, 114, 182, 0) 100%),
radial-gradient(70% 95% at 44% 86%, rgba(254, 240, 138, 0.56) 0%, rgba(254, 240, 138, 0) 100%),
linear-gradient(155deg, #fff7ed 0%, #fdf2f8 52%, #fef9c3 100%);
border: 1px solid rgba(234, 88, 12, 0.15);
}{
backgroundImage: "radial-gradient(58% 78% at 14% 8%, rgba(253, 186, 116, 0.5) 0%, rgba(253, 186, 116, 0) 100%), radial-gradient(52% 72% at 84% 20%, rgba(244, 114, 182, 0.38) 0%, rgba(244, 114, 182, 0) 100%), radial-gradient(70% 95% at 44% 86%, rgba(254, 240, 138, 0.56) 0%, rgba(254, 240, 138, 0) 100%), linear-gradient(155deg, #fff7ed 0%, #fdf2f8 52%, #fef9c3 100%)",
border: "1px solid rgba(234, 88, 12, 0.15)",
}