用background渐变画斜线

写的CSS样式举例如下：

.test {
   
  height: 90px;
  background: linear-gradient(135deg, transparent 0, transparent 49.5%, green 49.5%, green 50.5%, transparent 50.5%, transparent 100%);
  /* background-size: 30px 30px; */
}

实现的效果会是在居中的位置画一条绿色的斜杠。

这段代码的意思是在135度的位置，从0到49.5%处都是透明的，然后从49.5%到50.5%处是绿色的，然后在50.5%到100%地方再重新变成透明的。

如果把下面的background-size解注释，那么会形成形成一堆的斜线。如果写成下面这样：