Gradient渐变的使用

小白一个，网上看到的纯CSS制作图像的代码，没看明白，能帮忙解释下吗？

background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1bdde4),
            color-stop(100%, #1360d7));

这种看的明白

background: linear-gradient(135deg, red, red 60%, blue);

---

background-image:-webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #F00),

        color-stop(50%, #000),color-stop(100%, #0F0));
        
        改一下你就明白了，这个事左上角到右下角的“斜”渐变；三个颜色的渐变；