我是編程新手。如果這是一個非常基本的問題，請原諒我。
我正在做一個使用 HTML 和 CSS 設計一個非常簡單的個人網站的小專案。在網站上，我希望主網站的背景顏色在一段時間后相互淡入（例如，在每個 15 秒后從淺藍色過渡到淺綠色再到淺黃色）。有沒有辦法可以使用 CSS 做到這一點？
uj5u.com熱心網友回復：
body {
background:lightblue;
animation:changebg infinite 15s;
}
@keyframes changebg{
0% {background:lightblue;}
33% {background:lightgreen;}
66% {background:lightyellow;}
100% {background:lightblue;}
}uj5u.com熱心網友回復：
改為這樣做
body{
background: lightblue;
animation: changebg 60s linear infinite alternate;
}
@keyframes changebg{
0% {background:lightblue;}
33% {background:lightgreen;}
66% {background:lightyellow;}
100% {background:lightblue;}
}
如果這不起作用，你可以搞亂時間。
uj5u.com熱心網友回復：
您可以嘗試以下代碼：
body{
background: lightblue;
animation: changebg 60s linear infinite alternate;
}
@keyframes changebg {
0% { background:lightblue; }
33% { background:lightgreen; }
66% { background:lightyellow; }
100% { background:lightblue; }
}
幾乎網站的背景將從淺藍色開始，當它達到 60 秒的 33%（例如）時，它將變為淺綠色等。當它在 60 秒時達到 100% 時，“線性無限交替”將使肯定會重復。
uj5u.com熱心網友回復：
body {
background: red;
animation: changebg 5s infinite;
//adding infinte will make your animation run in a loop
}
@keyframes changebg
/* Firefox */
{
0% {
background: red;
}
50% {
background: blue;
}
100% {
background: red;
}
}只是對上一個答案的補充繼續學習。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/411391.html
標籤：