css文字颜色渐变

css文字颜色渐变

• 效果：
  
• css代码

background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
background: linear-gradient(to right,#ff8a00,#da1b60);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;

说明：

• background-clip: text; 规定背景的绘制区域
• text-fill-color: transparent; 指定文字的填充颜色为透明
• box-decoration-break: clone; 元素在发生断行时其样式的表现形式;断开的各个盒子样式独自渲染