html + css 实现渐变文字

这种效果看起来很酷，我们来实现一下。

1. html

<a href="#">hello,world</a>

2. css

   2.1 创建背景

   a {
       background-image: linear-gradient(120deg, blue, red);
   }
   

   

   2.1 将背景颜色渲染到文字上

   a {
       background-image: linear-gradient(120deg, blue, red);
       // 将字体原本的颜色设为透明
       color: transparent;
       // 将背景颜色只渲染到文本上
       -webkit-background-clip: text;
   }
   

   

done !