CSS 动画多帧 animation 一闪一闪效果

透明 transparent;一闪一闪效果 HTML超链接有参考<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title

卋舉

1079人浏览 · 2021-10-12 09:39:44

卋舉 · 2021-10-12 09:39:44 发布

透明 transparent;
一闪一闪效果 HTML超链接有参考

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Title</title>
    <meta name="Keywords" content="关键字">
    <meta name="description" content="简介">
    <!-- 透明 transparent; 一闪一闪效果 t3chaolianjie.html 有参考
     -->
    <style>
        h2 {
            animation: an1 3s ease-in-out 0s infinite alternate;
        }

        @keyframes an1 {
            from {
                color: aqua;
            }
            10% {
                color: lightgreen;
            }
            50% {
                color: green;
            }
            to {
                color: orangered;
            }
        }

        p {
            color: aqua;
            animation: an2 .5s infinite;
        }

        @keyframes an2 {
            to {
                /*透明 transparent
                  一闪一闪效果 t3chaolianjie.html 有参考
                */
                color: transparent;
            }
        }
    </style>
</head>
<body>
<p>new</p>
<h2>Lorem ipsum dolor.</h2>
</body>
</html>