我們先來看下效果圖：
（影片教學推薦：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中文網其他相關文章！
