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即可实现效果，所以记录下来，备忘。感谢分享！