inear-gradient()

函数用于创建一个表示两种或多种颜色线性渐变的图片。
创建一个线性渐变,需要指定两种颜色,还可以实现不同方向(指定为一个角度)的渐变效果,如果不指定方向,默认从下到上渐变。

  1. /* 从上到下,蓝色渐变到红色 */
  2. linear-gradient(blue, red);
  3. /* 渐变轴为45度,从蓝色渐变到红色 */
  4. linear-gradient(45deg, blue, red);
  5. /* 从右下到左上、从蓝色渐变到红色 */
  6. linear-gradient(to left top, blue, red);
  7. /* 从下到上,从蓝色开始渐变、到高度40%位置是绿色渐变开始、最后以红色结束 */
  8. linear-gradient(0deg, blue, green 40%, red);


radial-gradient() 函数

radial-gradient() 函数用径向渐变创建 “图像”。
径向渐变由中心点定义。
为了创建径向渐变你必须设置两个终止色。

。。。?