css中的中心条纹背景[重复]

Question

尝试创建这样的背景

CSS可以吗？

Answer 1

是的。你可以使用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>

您可以在 W3 CSS Image Values 阅读更多相关信息。
此属性并非与所有浏览器兼容。更多信息请查看caniuse 。