CSS 3种渐变效果（线性渐变，径向渐变，圆锥型渐变）

1 linear-gradient（线性渐变）

1.1按方向渐变

语法：

background: linear-gradient(direction, color-stop1, color-stop2, ...);

（1）从上到下（默认）

实现代码：

background:linear-gradient(red , white);

效果图：  

（2）从左至右 

实现代码：

background:linear-gradient(to right, red , white);

效果图：  

（3）从左上角至右下角

实现代码：

background:linear-gradient(to bottom right, red , wihte);

效果图：