CSS 關鍵幀是一種用于控制動畫的技術。通過創建關鍵幀，您可以定義動畫在哪些時間點上顯示什么效果。

CSS 關鍵幀是使用 @keyframes 規則創建的。在該規則內，您可以指定動畫在哪些時間點上應該顯示什么屬性：

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

在上面的代碼中，我們創建了一個名為 myAnimation 的關鍵幀。該動畫在 0%、50% 和 100% 時刻分別顯示紅色、藍色和綠色的背景顏色：

要將該動畫應用于元素，您可以使用 animation 屬性：

div {
animation-name: myAnimation;
animation-duration: 3s;
}

在上面的代碼中，我們將名為 myAnimation 的動畫應用于 div 元素。該動畫的時長為 3 秒。您還可以使用其他屬性，如 animation-delay、animation-iteration-count 等來控制動畫的表現形式。

總的來說，CSS 關鍵幀是一種非常強大的技術，可以讓您創建復雜的動畫效果。掌握這種技術可以讓您在 Web 開發中事半功倍。