如何在幾秒鐘後淡出多個背景顏色？

Question

我想知道如何在css中幾秒後更改背景顏色？

例如，我想要3種顏色：藍色，紅色，綠色。每3秒鐘後，背景顏色會發生變化。

有沒有人有任何想法？

這是我的代碼。但我只能改變2種顏色，而不是循環

p { 
    display: inline; 
    animation: background-fade 3s forwards; 
    -webkit-animation: background-fade 3s forwards; 
    -moz-animation: background-fade 3s forwards; 
} 

@-webkit-keyframes background-fade { 
    100% { 
     background:#c92884; 
    } 
} 

JSFidlle http://jsfiddle.net/326mJ/7/

Answer 1

嘗試這樣的：Demo

body{ 

animation: background-fade 10s infinite;  
} 

@keyframes background-fade { 
    0% { 
     background:red; 
    } 
    50% { 
     background:blue; 
    } 
    100% { 
     background:green; 
    } 
} 

您需要使用infinite而不是forwards的循環