纯CSS实现DIV闪烁效果

zhuanbike 2022-8-18 647

@keyframes fade {

    from {       

    opacity: 1.0;   

    }

    50% {       

    opacity: 0.4;   

    }

    to {       

    opacity: 1.0;   

    }

}

@-webkit-keyframes fade {   

    from {       

    opacity: 1.0;   

    }

    50% {       

    opacity: 0.4;   

    }

    to {       

    opacity: 1.0;   

    }

}

.divname {   

    color: #fff;   

    padding: 10px;   

    font-size: 15px;   

    height: 60px;   

    animation: fade 600ms infinite;   

    -webkit-animation: fade 600ms infinite;

}

.divname是要实现闪烁的div,后两句动画可以放置于任何一个需要闪烁的div。

最新回复 (0)
发新帖