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

猜你喜欢

转载自blog.csdn.net/ld395353765/article/details/118391731