字体渐变CSS的写法

<div class="test">------></div>

<style>

   .test{

background-image:-webkit-linear-gradient(left, red, pink);//开始方向，渐变颜色

-webkit-background-clip:text;//以盒子内的文字作为裁剪区域向外裁剪，文字之外的区域都将被裁剪掉。

-webkit-text-fill-color:transparent;//把文字变透明

    }

</style>

方向：to left
也可以写成：45deg
颜色也可以写两个以上