1.文字线性渐变
background: linear-gradient(180deg, #00A1FF 0%, #00F3F9 100%);;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
2. 背景线性渐变中的方向表示
linear-gradient()
函数用于创建一个表示两种或多种颜色线性渐变的图片。
创建一个线性渐变,需要指定两种颜色,还可以实现不同方向
(指定为一个角度)的渐变效果,如果不指定方向,默认从上到下渐变。
有时候要用到从左到右的渐变效果
.test{
width: 400px;
height: 200px;
/* 从左边开始的线性渐变,起点是红色,慢慢过渡到黄色 */
background: linear-gradient(to right,red,yellow);
}