測試

<!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動畫事件