要使用animation動畫，先要熟悉一下keyframes,Keyframes的語法規則:命名是由”@keyframes”開頭，后面緊接著是這個“動畫的名稱”加上一對花括號“{}”，括號中就是一些不同時間段樣式規則。不同關鍵幀是通過from（相當于0%）、to（相當于100%）或百分比來表示（為了得到最佳的瀏覽器支持，建議使用百分比），如下定義一個簡單的動畫：
@keyframes定義好了，要使其能發揮效果，必須通過animation把它綁定到一個選擇器，否則動畫不會有任何效果。下面列出了animation的屬性：
下面設置上述的所有屬性
上述所有代碼可以如下簡寫：
瀏覽器兼容性
Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 規則和 animation 屬性。
Chrome 和 Safari 需要前綴 -webkit-。
注意：Internet Explorer 9，以及更早的版本，不支持 @keyframe 規則或 animation 屬性。
下面給出上面介紹的關于keyframes和animation屬性的完整代碼示例：
新聞熱點
疑難解答
