«

CSS3字体随机变化颜色

作者：庄泽峰 / 2024-1-23 15:17

要让字体随机变化颜色，可以参考下面例子，我们定义了一个名为colorful-text的CSS类，通过animation属性设置了一个颜色变化的动画效果。在@keyframes中，我们定义了不同时间点的颜色值，可以根据需要自定义更多的颜色。

<!DOCTYPE html>
<html>
<head>
<style>
    .colorful-text {
        animation: colorChange 5s infinite;
    }

    @keyframes colorChange {
        0% { color:#5a5c69; }
        25% { color: #f6607d; }
        50% { color: #757575; }
        75% { color:#C0C0C0; }
        100% { color: #FF6347; }
    }
</style>
</head>
<body>
    <h1 class="colorful-text">Hello, World!</h1>
</body>
</html>

标签: CSS3 分类: 网页语言