まずレンダリングを見てみましょう:
(推奨ビデオ チュートリアル: 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 チュートリアル
以上がdivの背景色の点滅効果を実現するCSSの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。