文字渐变方法

css代码

h1.start-gradient {

display: inline-block;

        background: -webkit-linear-gradient(left,  #4f185d , #fe5d4b);     /* 背景色渐变 */

           -webkit-background-clip: text;         /* 规定背景的划分区域 */

           -webkit-text-fill-color: transparent;  /* 防止字体颜色覆盖 */

}

 html代码

<h1 class="start-gradient">快速开始</h1> 

 

注意:必须设置宽度,已达到预期效果或者设置为内联块状元素