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

在款式在结尾先引入文字字库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 用文本剪辑背景,用突变背景作为色彩填充文本。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理