CSS3動畫集是前端開發中常用的一種技術，它可以為我們的頁面增加一些生動的元素，給用戶帶來更好的交互體驗。下面是幾個我們常用的CSS3動畫集。

.fade-in {
animation: fadeIn ease 1s;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

這段代碼實現了一個簡單的淡入動畫。通過設置動畫的關鍵幀，從0%到100%讓元素逐漸變成不透明。

.slide-in-left {
animation: slideInLeft ease 1s;
}
@keyframes slideInLeft {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}

這段代碼實現了一個從左邊滑入的動畫。通過設置元素的初始位置，在動畫中將元素從左邊滑入頁面中。

.rotate {
animation: rotate 2s infinite linear;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

這段代碼實現了一個360度旋轉的動畫。通過設置元素從0度到360度的旋轉，使得元素不斷旋轉。

以上三種動畫集只是CSS3動畫的冰山一角，隨著技術的不斷發展，CSS3動畫也將越來越常用，遇到不同的需求時，不同的動畫集也將被不斷創造。