CSS3 動畫是現代 Web 設計中不可或缺的一個重要組成部分，它可以幫助我們實現頁面上各種流暢而又動態的效果，讓網站顯得更加生動有趣。

在 CSS3 動畫中，原點（origin）是一個非常重要的概念，它決定了網頁上動畫的中心點。默認情況下，CSS3 動畫的原點是在元素的中心點上。但是如果我們想要讓動畫圍繞其他點展開，就需要對原點進行設置。

我們可以使用transform-origin屬性對動畫的原點進行設置，該屬性可以接受四個參數值：左上角（top-left）、左下角（bottom-left）、右上角（top-right）、右下角（bottom-right）。另外，我們還可以使用像素值（px）或百分比（%）來控制原點的位置。

/* 將動畫原點設置為頂部中間 */
.element {
transform-origin: center top;
}
/* 將動畫原點設置為距離元素左側50%、距離元素頂部30% */
.element {
transform-origin: 50% 30%;
}

對于所有 CSS3 動畫來說，了解如何設置原點都是非常重要的。只有在正確設置了原點之后，我們才能夠創建出更加出色的動畫效果。