CSS運(yùn)行軌跡初始點(diǎn)是用于定義移動(dòng)物體起始位置的CSS屬性。

animation-name: move;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-delay: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-fill-mode: forwards;
@keyframes move {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100px);
}
}

上述代碼中的@keyframes定義了對象移動(dòng)的路徑，0%和100%分別表示起點(diǎn)和終點(diǎn)的位置。在這個(gè)例子中，運(yùn)動(dòng)路徑是水平方向向右移動(dòng)100像素。

在animation-name中，我們定義了將要應(yīng)用的動(dòng)畫的名稱，這個(gè)名稱與@keyframes中定義的名稱相同。通過animation-duration，我們定義了動(dòng)畫的持續(xù)時(shí)間為3秒。使用animation-timing-function，我們定義了動(dòng)畫的時(shí)間曲線為ease-in-out，這意味著動(dòng)畫會(huì)先慢然后快，最終變慢。在animation-delay中，我們定義了動(dòng)畫在開始之前需要等待的時(shí)間。通過animation-iteration-count，我們定義了動(dòng)畫的重復(fù)次數(shù)為無限次。使用animation-direction，我們定義了對象在動(dòng)畫周期內(nèi)的方向。最后，在animation-fill-mode中，我們定義了動(dòng)畫結(jié)束后，對象應(yīng)該停留在終點(diǎn)還是回到初始點(diǎn)。

如果您想使對象返回到起點(diǎn)，可以將animation-direction設(shè)置為normal，而將animation-fill-mode設(shè)置為none。