css闪烁效果

css:

.flicker {
    /*background-color: #d7e3f6;*/
    background-color: white;
    animation-iteration-count: 3;
    animation: twinkle 0.3s infinite alternate;
    -webkit-animation-iteration-count: 3;
}

@keyframes twinkle {
    0% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
    }
}

html:

<div class="flicker "></div>

效果图:

原文地址:https://www.cnblogs.com/codeDevotee/p/13686552.html