渐变的字体样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1">
    <title>产品模式</title>
    <style>
        h4 {
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient(to right, #F55555, #F55555, #FCCF31 60%, #FCCF31);
        }
    </style>
</head>
<body>
<h4>标题标题标题标题标题标题</h4>
</body>
</html>

原文地址:https://www.cnblogs.com/theWayToAce/p/8376792.html