关于前端:设置文字的特殊字体和颜色渐变

6次阅读

共计 396 个字符，预计需要花费 1 分钟才能阅读完成。

 在款式在结尾先引入文字字库 otf
css 
@font-face
{
    font-family: mnREGULAR;
    src: url('mnREGULAR.OTF') /* IE9+, 能够是具体的理论链接 */
}

div{background-image: -webkit-linear-gradient(top,#faa50b,#a8277a);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

background: -webkit-linear-gradient(…) 为文本元素提供突变背景。

webkit-text-fill-color: transparent 应用通明色彩填充文本。

webkit-background-clip: text 用文本剪辑背景，用突变背景作为色彩填充文本。

正文完