CSS怎样设置文字渐变

一.首先设置背景渐变(background:liner-gradient(角度,颜色1,颜色2,.........);)

  background:liner-gradient(90deg,red,yellow,blue);

二.通过属性-webkit-background-clip:text;

  注:-webkit-background-clip:text;以盒子内的文字作为裁剪区,文字以外的部分就会被剪掉。

三.必须给文字设置为全透明(最重要的)(4种方法)

1.color: #00000000;
2.color: transparent;
3.color: rgba(0,0,0,0);
4.opacity: 0;

你可能感兴趣的:(CSS怎样设置文字渐变)