• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

设置文字的特殊字体和颜色渐变

互联网 diligentman 3天前 4次浏览
在样式在开头先引入文字字库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 用文本剪辑背景,用渐变背景作为颜色填充文本。


喜欢 (0)