CSS 斜条型背景图

CSS 斜条型背景图

　　类似一个警戒的条形图，都知道使用线性渐变实现。之前蠢得要死一条一条的写出来。

 　　旧代码

background: linear-gradient(
    135deg,
    transparent 5%,
    rgb(255, 0, 0) 5%,
    rgb(255, 0, 0) 20%,
    transparent 20%,
    transparent 35%,
    rgb(255, 0, 0) 35%,
    rgb(255, 0, 0) 50%,
    transparent 50%,
    transparent 65%,
    rgb(255, 0, 0) 65%,
    rgb(255, 0, 0) 80%,
    transparent 80%,
    transparent 95%,
    rgb(255, 0, 0) 95%
  );

　　新代码：

background: linear-gradient(
        135deg,
        rgb(232, 244, 13) 25%,transparent 0,transparent 50%,rgb(232, 244, 13) 0,rgb(232, 244, 13) 75%,transparent 0
    );
    background-size: 20px 20px;

　　简简单单，太笨了