css如何实现div背景色闪烁效果
这篇文章将为大家详细讲解有关css如何实现div背景色闪烁效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
我们先来看下效果图:
代码实现:
<!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如何实现div背景色闪烁效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。