把 透明度改为0,则为没有渐变的网格.

第一个渐变是将225px 横着分成了三等分。然后第二个渐变，垂直分成了三等分。

这是肉眼看到的效果，其实是9个75px*75px的方块拼出来的结果。

再把每个网格切分成小的网格,如下:

3.

长宽都为225px;

 

长宽都为50px.而这两个正方形，又是由四个三角形组成的。线性渐变的一个特点就是会在background-size的区域里，一条线上只有一种颜色。(摘抄自stoneniqiu)