Gradient #321

noise-overlay-sunflare

radial-noise-overlay-sunflare

Copy styles

Tailwind

bg-[repeating-linear-gradient(158deg,rgb(255_255_255_/_0.24)_0_8px,rgb(255_255_255_/_0)_8px_15px),linear-gradient(116deg,hsl(62_92%_82%)_0%,hsl(200_86%_62%)_52%,hsl(306_80%_40%)_100%)]

CSS3

.radial-noise-overlay-sunflare {

  background-image:
    repeating-linear-gradient(158deg, rgb(255 255 255 / 0.24) 0 8px, rgb(255 255 255 / 0) 8px 15px),
    linear-gradient(116deg, hsl(62 92% 82%) 0%, hsl(200 86% 62%) 52%, hsl(306 80% 40%) 100%);
}