CSS動(dòng)畫(huà)中的原點(diǎn)是什么呢？原點(diǎn)指的是CSS動(dòng)畫(huà)中的參考點(diǎn)，用來(lái)確定動(dòng)畫(huà)從何處開(kāi)始。

一般情況下，CSS動(dòng)畫(huà)的原點(diǎn)是元素的中心點(diǎn)。但也可以通過(guò)指定CSS屬性來(lái)改變?cè)c(diǎn)的位置，這些屬性分別是：transform-origin、animation-origin和perspective-origin。

/* transform-origin用于改變變換原點(diǎn)的位置，參數(shù)可以是length、percentage或者關(guān)鍵字 */
.box {
transform-origin: 50% 50%; /* 元素的中心點(diǎn)（默認(rèn)值） */
transform-origin: top left;
transform-origin: 0 0;
}
/* animation-origin用于改變動(dòng)畫(huà)的原點(diǎn)位置 */
.box {
animation: myanimation 2s ease-out;
animation-origin: top left; /* 動(dòng)畫(huà)從左上角開(kāi)始 */
}
/* perspective-origin用于改變視點(diǎn)的位置（應(yīng)用于3D場(chǎng)景） */
.box {
perspective: 1000px; /* 視點(diǎn)距離屏幕1000像素 */
perspective-origin: bottom right; /* 視點(diǎn)在右下角 */
}

除了上述屬性，還可以通過(guò)指定元素的位置、邊距等方式改變動(dòng)畫(huà)的原點(diǎn)位置。例如，將元素的位置設(shè)為absolute或fixed，并指定top、left屬性，就可以將動(dòng)畫(huà)的原點(diǎn)設(shè)置為元素的左上角。