测试

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .anim-opacity2{animation: 2s opacity2 0s infinite; -webkit-animation: 2s opacity2 0s infinite;-moz-animation: 2s opacity2 0s infinite;}
        @keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
        @-webkit-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
        @-moz-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
    </style>
</head>
<body>

    <h1 class="anim-opacity2">测试</h1>

</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 CSS实现渐隐渐现效果 flutter-路由跳转动画效果（渐隐渐现，缩放效果，旋转缩放） vue项目中的渐隐渐现效果如何停止CSS3的动画？ CSS3 循环动画 CSS3动画 css3动画怎么停止？ css3 动画总结 css3动画属性有哪些 CSS3动画事件