CSS3實現(xiàn)閃爍動畫效果的方法

    本文實例講述了CSS3實現(xiàn)閃爍動畫效果的方法。分享給大家供大家參考。具體方法如下：
    給class屬性名為className的元素添加閃爍動畫效果
    復(fù)制代碼代碼如下:.className{
    -webkit-animation: twinkling 1s infinite ease-in-out
    }
    .animated{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
    }
    @-webkit-keyframes twinkling{
    0%{
    opacity: 0.5;
    }
    100%{
    opacity: 1;
    }
    }
    @keyframes twinkling{
    0%{
    opacity: 0.5;
    }
    100%{
    opacity: 1;
    }
    }
    希望本文所述對大家基于css的網(wǎng)頁設(shè)計有所幫助。