div 增加閃爍效果

@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;
    }
}
.headerBox {
    background: #ff0000;
    padding: 6px;
    font-size: 15px;
    height: 330px;
    animation: fade 600ms infinite;
    -webkit-animation: fade 600ms infinite;
}

$("#id").addClass("headerBox");

今天要做閃爍效果，查詢了好多，都是通過setInterval來實現，感覺不好，偶然發現這篇文章中通過css即可實現效果，所以記錄下來，備忘。感謝分享！