CSS動畫中的原點是什么呢？原點指的是CSS動畫中的參考點，用來確定動畫從何處開始。

一般情況下，CSS動畫的原點是元素的中心點。但也可以通過指定CSS屬性來改變原點的位置，這些屬性分別是：transform-origin、animation-origin和perspective-origin。

/* transform-origin用于改變變換原點的位置，參數可以是length、percentage或者關鍵字 */
.box {
transform-origin: 50% 50%; /* 元素的中心點（默認值） */
transform-origin: top left;
transform-origin: 0 0;
}
/* animation-origin用于改變動畫的原點位置 */
.box {
animation: myanimation 2s ease-out;
animation-origin: top left; /* 動畫從左上角開始 */
}
/* perspective-origin用于改變視點的位置（應用于3D場景） */
.box {
perspective: 1000px; /* 視點距離屏幕1000像素 */
perspective-origin: bottom right; /* 視點在右下角 */
}

除了上述屬性，還可以通過指定元素的位置、邊距等方式改變動畫的原點位置。例如，將元素的位置設為absolute或fixed，并指定top、left屬性，就可以將動畫的原點設置為元素的左上角。