-5

Trying to create a background like this

Center striped image

Is it possible with CSS?

Paulie_D
  • 107,962
  • 13
  • 142
  • 161
Jayasree
  • 9
  • 3
  • Is it possible to create a background with gradients that looks like the image above? – Jayasree Jul 29 '20 at 10:26
  • I tried with radial gradients @Paulie_D. But I couldn't create the yellow stripes with varying width that starts from center – Jayasree Jul 29 '20 at 10:27

1 Answers1

4

Yes it is. You can use repeating-conic-gradient.

div {
  height: 500px;
  background: repeating-conic-gradient(
    hsla(0,0%,100%,.2) 0deg 15deg,
    hsla(0,0%,100%,0) 0deg 30deg
  ) #ccb300;
}
<div></div>

You read more about it at W3 CSS Image Values.
This property is not compatible with all browsers. Check caniuse for more information.

Jax-p
  • 7,225
  • 4
  • 28
  • 58