css 文字颜色渐变上到下,CSS 实现背景色渐变和文字颜色渐变

1. 背景色渐变css

A . linear-gradient：用线性渐变建立图像。web

语法： = linear-gradient([ [  | to  ] ,]? [, ]+)浏览器

下述值用来表示渐变的方向，可使用角度或者关键字来设置：

：用角度值指定渐变的方向(或角度)。

to left：

设置渐变为从右到左。至关于: 270deg

to right：

设置渐变从左到右。至关于: 90deg

to top：

设置渐变从下到上。至关于: 0deg

to bottom：

设置渐变从上到下。至关于: 180deg。

这是默认值，等同于留空不写。

用于指定渐变的起止颜色：

指定颜色。

用长度值指定起止色位置。不容许负值

用百分比指定起止色位置。

兼容：除了被扫进历史垃圾堆的IE8,9，以及Opera Mini 不兼容，其余浏览器，包括移动端的浏览器，都能支持这个属性。ide

若是渐变方向是对角线的话，能够用 to top right 这样的多关键字方式来实现。如：字体

background: linear-gradient(to top right, #f6f5f0, #fefefd);

若是有多个颜色渐变，颜色的参数能够有多个(如图1):spa

background: linear-gradient(to top right, #CDDC39, #8BC34A, #FFEB3B);

能够指定颜色渐变的位置(如