CSS3 動畫 animation屬性

@keyframes只是用來聲明一個動畫，而動畫本身並不執行任何操作。因此，如果希望爲某個元素應用動畫，還需要把動畫與該元素關聯起來。 如果一個動畫沒有與任何元素關聯，它就不會被調用，也就不會產生動畫效果。動畫與元素關聯後，在整個動畫過程中，元素的樣式將完全由 animation屬性來控制，關鍵幀中後面的樣式，會覆蓋前面的樣式。CSS3動畫，就是通過樣式的不斷變化得以實現的。CSS3動畫的基本原理

>>阅读原文<<