• 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向

• 径向渐变（Radial Gradients）- 由它们的中心定义

• 线性渐变 - 从上到下（默认情况下）

.gradual{   background: linear-gradient(red, orange); }

线性渐变 - 从左到右

.gradual{

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

线性渐变 - 对角

.gradual{

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

线性渐变 - 带有指定的角度

.gradual{

  background: linear-gradient(60deg, red, orange); }

https://blog.csdn.net/u011236348/article/details/88215409