SOURCE

console 命令行工具 X clear

                    
>
console
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        h1 {
            background: -webkit-linear-gradient(
                135deg,
                #0077ff,
                #ff6ac6 25%,
                #33afce 50%,
                #7667ff 55%,
                #d2d439 60%,
                #2ce0d1 80%,
                #ff6384 95%,
                #00ffcc
            );
            /* 文字颜色填充设置为透明 */
            -webkit-text-fill-color: transparent;
            /* 背景裁剪,即让文字使用背景色 */
            -webkit-background-clip: text;
            /* 背景图放大一下,看着柔和一些 */
            -webkit-background-size: 200% 100%;
            /* 应用动画flowCss 12秒速度 无限循环 线性匀速动画*/
            -webkit-animation: flowCss 12s infinite linear;
        }

        @-webkit-keyframes flowCss {
            0% {
                background-position: 0 0;
            }
            100% {
                background-position: -400% 0;
            }
        }
        h1:hover {
            -webkit-animation: flowCss 4s infinite linear;
        }
    </style>
</head>

<body>
    <h1>平安喜乐呀健健康康</h1>
</body>

</html>