所属分类：web前端开发
在css中，可以使用“@keyframes”规则和animation属性来实现div闪烁效果；只需要先使用“@keyframes”创建具有闪烁效果的动画；然后使用animation属性设置动画所需时间，速度以及次数等。
前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
效果图如下
代码如下
微博登录
QQ登录@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 样式即可
推荐学习：css视频教程
以上就是CSS如何实现div闪烁的详细内容，更多请关注zzsucai.com其它相关文章！
