我们先来看下效果图:
(视频教程推荐: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> </div> </body> </html>
推荐教程:CSS教程
以上就是css实现div背景色闪烁效果的详细内容,更多请关注php中文网其它相关文章!
声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
- 上一篇:css给图片添加水印
- 下一篇:css的display属性有哪些
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论