首先你要明白"@keyframes"是出自CSS3的animation屬性的，這是一個(gè)關(guān)鍵幀動(dòng)畫。

• 首先你應(yīng)該給你的動(dòng)畫寫好一個(gè)框架，像這樣：

div{????????????????????????//attr表示標(biāo)簽名，隨便一個(gè)標(biāo)簽都可以
????animation-name:?change;????//隨便起一個(gè)名字
????animation-duration:?5s;????//這是過(guò)渡時(shí)間，即你的動(dòng)畫有多少秒
????animation-timing-function:?linear;????//這是過(guò)渡方式，linear表示平滑的，還有其它的自行查找吧
}

• 接下來(lái)就是描述你的關(guān)鍵幀動(dòng)畫了

@keyframes?change{????//如果是Chrome瀏覽器的話就是@-webkit-開(kāi)頭，F(xiàn)irefox就是@-moz-開(kāi)頭
????0%{
????????backgound-color:?red;????//我這里寫了顏色的變化，想什么動(dòng)畫都可以隨便寫
????}
????50%{
????????background-color:?blue;
????}
????100%{
????background-color:?yellow;
????}
}