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>
注意:必须设置宽度,已达到预期效果或者设置为内联块状元素