在css中，可以使用“@keyframes”規(guī)則和animation屬性來實(shí)現(xiàn)div閃爍效果；只需要先使用“@keyframes”創(chuàng)建具有閃爍效果的動畫；然后使用animation屬性設(shè)置動畫所需時間，速度以及次數(shù)等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

效果圖如下

代碼如下

@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設(shè)置headerBox 樣式即可

推薦學(xué)習(xí)：css視頻教程