css实现div背景色闪烁效果

互联网 20-10-27

我们先来看下效果图：

（视频教程推荐：css视频教程）

代码实现：

<!DOCTYPE html> <html> <head> <style> @keyframes fade {     from {         opacity: 1.0;     }     50% {         opacity: 0.0;     }     to {         opacity: 1.0;     } }  .headerBox { width:100px;     background: #ff0;     padding: 10px;     font-size: 15px;     height: 100px;     animation: fade 600ms infinite; } </style> </head> <body> <div>&nbsp;</div> </body> </html>

推荐教程：CSS教程

以上就是css实现div背景色闪烁效果的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：闪烁效果