CSS3動畫是網頁設計里比較常見的元素之一，它能夠讓網頁看起來更加生動、活潑。下面我們將介紹一些CSS3動畫效果。

1. 翻轉效果

.card {
transform-style: preserve-3d;
transition: transform 1s;
}
.card.is-flipped {
transform: rotateY(180deg);
}

2. 縮放效果

.box:hover {
transform: scale(1.1);
transition: .3s ease-in-out;
}

3. 移動效果

.box {
position: relative;
left: 0;
top: 0;
transition: .3s ease-in-out;
}
.box:hover {
left: 50px;
top: 50px;
}

4. 淡入淡出效果

.fade {
opacity: 0;
transition: opacity .5s ease-out;
}
.fade:hover {
opacity: 1;
}

5. 旋轉效果

.spin {
transform: rotate(0deg);
transition: transform .5s ease-out;
}
.spin:hover {
transform: rotate(360deg);
}

總之，CSS3動畫是網頁設計中重要的一環。以上幾種動畫效果只是冰山一角，有了這些基礎的動畫效果，我們可以發揮想象，創造出更加生動、優美的網頁設計。