CSS動畫是網頁設計中常用的一種效果，它可以為頁面帶來生動活潑、時尚新穎的體驗效果。在CSS動畫中，每一幀的表示都非常重要。

@keyframes myAnimation {
0% {background-color: red;}
50% {background-color: yellow;}
100% {background-color: green;}
}

如上例所示，該動畫的名稱為myAnimation，每一幀的表示采用了百分比的形式。0%的意思是動畫的起始狀態，即頁面的背景色為紅色；50%表示動畫進行到了一半，此時頁面的背景色會轉換成黃色；100%則是動畫執行結束，此時頁面的背景色變成了綠色。

每一個百分比都可以被當做是一個關鍵幀，CSS動畫會根據關鍵幀之間的過渡效果進行補間，并且讓過渡更加自然。

除了百分比表示法，我們還可以使用關鍵字來表示每一幀：

@keyframes myAnimation {
from {left: 0px;}
to {left: 100px;}
}

上述代碼中使用了from和to來表示動畫的起始狀態和結束狀態，這種方式也被稱為絕對關鍵幀方法。在這個動畫中，left屬性從0像素過渡到了100像素。

可以看出，無論是使用百分比表示法還是關鍵字表示法，每一個關鍵幀都有著嚴格的意義，開發者需要根據需求來確定每一個關鍵幀的狀態，才能達到想要的效果。