1、从右下到左上
div{
width: 200px;
height: 100px;
background:linear-gradient(to left top, blue 20%, red);
}
<div></div>
效果图:
2、从上到下blue,red
div{
width: 200px;
height: 100px;
background:linear-gradient(blue, red);
}
<div></div>
效果图:
3、规定角度0
div{
width: 200px;
height: 100px;
background:linear-gradient(0deg, blue, green 40%, red);
}
<div></div>
效果图:
4、规定角度45
div{
width: 200px;
height: 100px;
background:linear-gradient(45deg, blue, green 40%, red);
}
<div></div>
效果图: