文字颜色渐变实现方式

给任意文字渐变颜

主要实现原理是在文字元素外包裹一个div，给这个包裹元素渐变背景并设置backgroud-clip:text，HTML代码结构如下:

<div class="color_title_wrap">
 <h1>16mm*轻薄登场 <br>从厘米到毫米，定义新“薄”度</h1>
</div>

CSS代码如下：

.color_title_wrap {
    display: inline-block;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(90deg, #73adf8, #c37ff8);
}