所以我試圖制作一個圖表并為其設定影片。y 軸數字必須從左側移動到圖形，對于 x 軸，數字必須從底部流向軸。
html,csshttps://codepen.io/achillesalama/pen/XWaJywG
所以基本上除了 xNumbers 類之外，一切都在作業，知道嗎？
uj5u.com熱心網友回復：
Anoffset path在這里是錯誤的選擇。元素跟隨路徑，并將旋轉以匹配路徑的方向。您的 X 影片使用的是垂直路徑。所以發生的事情是您的文本正在旋轉，因此它是垂直的，并且正在移出螢屏頂部。
Y 軸不受影響，因為路徑是水平的，就像文本一樣。
offset-path如果您希望元素遵循頁面周圍的復雜路徑，您實際上只需要使用。對于像這樣簡單的垂直和水平移動，使用簡單的變換更有意義。
.xNumbers{
transform: translate(0, 50px);
animation: movex 2s ease forwards;
}
@keyframes movex {
from{
transform: translate(0, 50px);
}
to{
transform: translate(0, 0);
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/312319.html