css如何让文字颜色渐变

CSS能够实现文字颜色的渐变，非常适合用在配色设计方面。具体如下：

  background: -webkit-linear-gradient(left,#ff0000,#0000ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,#0000ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,#0000ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,#0000ff); /* 标准语法 */

这个渐变效果是从左到右，颜色从红色到蓝色变化。在这里，用到了线性渐变（linear-gradient）属性，它可以设置渐变的角度和颜色值，从而实现不同方向的渐变效果。

除此之外，可以使用“渐变颜色点”的方式，更加自定义渐变效果。举个例子：

  background: linear-gradient(45deg,#f3ffbd 0%,#ffec51 50%,#ffb200 51%,#fbfd8f 100%);

这段代码实现了顺时针方向的斜角渐变，颜色变化从浅黄色到橘黄色，中间以及过渡到末尾的颜色变化非常明显。

总之，CSS的渐变效果不仅可以用在文字颜色渐变，还可以用在背景颜色、边框颜色等等元素的渐变效果中。掌握了渐变技巧，你的页面颜值就可以UP UP！