3
Back

Gradient #69

mesh-peach-wave

radial-mesh-peach-wave

Copy styles

Tailwind
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)]
CSS3
.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);
}