我们先来看下效果图:
(视频教程推荐: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中文网其他相关文章!