CSS3實作閃爍動畫效果

給class屬性名為className的元素添加閃爍動畫效果

.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;

    }