關鍵影格標記動畫在某個具體時間點應呈現的樣子。在網頁動畫中，你可以設定開始時的一種外觀和結束時的另一種外觀。瀏覽器會補上兩者之間的變化。

想像畫一顆彈跳的球：先畫它在最高點和最低點的位置，中間的圖像就形成了動作。在 CSS 中，`@keyframes` 規則描述這些時刻，也可以包含一個中間點。關鍵影格不一定是真正的圖畫，也可以描述尺寸、顏色、位置或其他視覺屬性的變化。