CSS实现渐变字效果

渐变字

<h1>
        渐变字
</h1>

<style>
        h1{
            background-image: linear-gradient(90deg, red 18.18%, #7228FF 86.04%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            text-align: center;
            font-size: 10em;
            font-weight: bold;
        }
</style>