CSS3動畫是在網頁設計和開發中非常常見的一種元素，它可以使靜態的網頁元素變得生動有趣，增強用戶體驗。

常見的CSS3動畫包括：

transform：實現2D和3D的變換效果。
transition：實現元素從一種狀態到另一種狀態的動畫效果。
animation：實現復雜的動畫效果。
keyframes：定義動畫的關鍵幀。

下面分別介紹這些常用的CSS3動畫：

transform：

/* 2D旋轉 */
transform: rotate(45deg);
/* 3D旋轉 */
transform: rotateX(45deg);
transform: rotateY(45deg);
transform: rotateZ(45deg);
/* 縮放 */
transform: scale(0.5);
transform: scaleX(0.5);
transform: scaleY(0.5);
transform: scaleZ(0.5);
/* 平移 */
transform: translate(50px, 100px);
transform: translateX(50px);
transform: translateY(100px);
transform: translateZ(50px);
/* 傾斜 */
transform: skew(30deg, 20deg);
transform: skewX(30deg);
transform: skewY(20deg);

transition：

/* 定義變換效果 */
transition: all 1s ease;
transition: property duration timing-function delay;
/* 改變狀態 */
:hover {
/* 定義變換后的狀態 */
transform: rotate(45deg);
}

animation：

/* 定義動畫 */
@keyframes myanimation {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
/* 使用動畫 */
animation: myanimation 2s infinite;

keyframes：

/* 定義關鍵幀 */
@keyframes myanimation {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
/* 使用動畫 */
animation: myanimation 2s infinite;

總之，CSS3動畫可以使網頁元素更加生動有趣，讓用戶體驗更加出色，因此掌握這些常見的CSS3動畫技巧非常重要。