Keyframe是CSS動畫中非常重要的一個概念，顧名思義就是關鍵幀。在CSS動畫中，可以通過關鍵幀定義動畫的各種狀態，可以用它來控制動畫的速度和時間線，制造出復雜的動畫效果。 　　下面以例子來介紹Keyframe在CSS中的使用： 　　首先，使用pre標簽顯示CSS代碼：

/*定義一個關鍵幀，名稱為move，這里我們定義圖片向右移動100像素*/
@keyframes move {
　　from {
　　　　left:0px;
　　}
　　to {
　　　　left:100px;
　　}
}
/*使用上面定義的關鍵幀，注明動畫名稱為move，時長為2s，這里我們讓圖片勻速移動*/
img {
　　animation-name: move;
　　animation-duration: 2s;
　　animation-timing-function: linear;
　　animation-iteration-count: infinite;
}

　　上面代碼的含義是定義了一個名稱為“move”的關鍵幀，表示從left為0px到left為100px的移動過程。然后，通過animation-name屬性，將這個關鍵幀應用在img標簽上，實現了一張圖片左右移動的動畫效果。 　　Keyframs使用還有很多其他的方式，比如通過定義百分比來表示動畫的開始和結束狀態，這種方式常常用在復雜的動畫效果中?？傊?，掌握了Keyframe的使用，可以幫助我們創造出更加酷炫的CSS動畫效果。