CSS实现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 {
    color: #fff;
    padding: 10px;
    font-size: 15px;
    height: 60px;
    animation: fade 600ms infinite;
    -webkit-animation: fade 600ms infinite;
}

给div设置headerBox 样式即可