CSS關鍵幀動畫組合是一種非常有用的技術，它可以讓我們在CSS中制作出生動有趣的動畫效果。在CSS中，關鍵幀動畫可以使用@keyframes規則定義，而組合多個關鍵幀動畫可以使用animation屬性。

如下示例代碼展示了如何使用@keyframes定義一個簡單的動畫：

@keyframes myAnimation {
from {background-color: red;}
to {background-color: blue;}
}
div {
animation: myAnimation 1s ease-in-out;
}

以上代碼意味著：當div元素顯示時，它將以1秒鐘為周期從紅色緩慢過渡到藍色背景色。@keyframes中的from和to分別表示動畫的起始和結束狀態。

現在，假設我們想要使用一個動畫序列對元素進行動畫化。在這種情況下，我們需要使用多個@keyframes規則和animation屬性。如下所示：

@keyframes myAnimation1 {
0% {transform: scale(1);}
50% {transform: scale(1.5);}
100% {transform: scale(1);}
}
@keyframes myAnimation2 {
0% {opacity: 1;}
50% {opacity: 0.5;}
100% {opacity: 1;}
}
div {
animation: myAnimation1 2s ease-in-out, myAnimation2 1s linear infinite;
}

在上述代碼中，我們定義了兩個動畫序列myAnimation1和myAnimation2，將它們應用于div元素。第一個動畫序列縮放了元素，第二個動畫序列使元素的不透明度在逐漸逐漸降低后恢復。請注意，我們在animation屬性中使用逗號分隔動畫序列，并且可以使用infinite選項使動畫一直持續下去。

總之，CSS關鍵幀動畫組合是實現CSS動畫的一種更高級技術，允許我們應用多個動畫序列來創造更有趣可愛的動畫效果。