CSS3實(shí)現(xiàn)閃爍動(dòng)畫效果的方法

    本文實(shí)例講述了CSS3實(shí)現(xiàn)閃爍動(dòng)畫效果的方法。分享給大家供大家參考。具體方法如下：
    給class屬性名為className的元素添加閃爍動(dòng)畫效果
    復(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;
    }
    }
    希望本文所述對(duì)大家基于css的網(wǎng)頁設(shè)計(jì)有所幫助。