首先你要明白"@keyframes"是出自CSS3的animation屬性的，這是一個關鍵幀動畫。

• 首先你應該給你的動畫寫好一個框架，像這樣：

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

• 接下來就是描述你的關鍵幀動畫了

@keyframes?change{????//如果是Chrome瀏覽器的話就是@-webkit-開頭，Firefox就是@-moz-開頭
????0%{
????????backgound-color:?red;????//我這里寫了顏色的變化，想什么動畫都可以隨便寫
????}
????50%{
????????background-color:?blue;
????}
????100%{
????background-color:?yellow;
????}
}