在網頁設計中，想要讓頁面更加生動、活潑、有趣，就需要用到動畫效果。而CSS動畫是一種很好的實現方式。而自制動畫組合則可以讓我們更好地實現自己想要的動畫效果，下面將講解如何使用CSS自制動畫組合。

.move {
animation: move 3s ease-in-out infinite;
}
.rotate {
animation: rotate 2s linear infinite;
}
@keyframes move {
0% {
transform: translateX(0);
}
50% {
transform: translateX(300px);
}
100% {
transform: translateX(0);
}
}
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}

上面的代碼定義了兩個動畫，一個是move，一個是rotate。然后在需要使用動畫的元素上添加對應的class，比如上文中的.move和.rotate。這樣就可以實現兩個動畫效果的組合了。

不過要注意的是，如果兩個動畫同時作用于同一個元素，可能會產生一些奇怪的效果。所以最好還是將動畫應用在不同的元素上。

當然，這只是CSS自制動畫組合的基本實現方式。實際應用中還需要考慮動畫效果的具體需求以及頁面布局的不同，才能實現更加美觀、優雅的動畫效果。