在CSS动画中，我们可以使用animation属性来控制动画的运动轨迹。以下是一些常见的方法来改变动画的运动轨迹：

1. 改变延迟：我们可以使用animation-timing-function属性来改变动画的执行时间。例如，如果我们想要动画在第一帧开始时运动到第二帧的中间位置，我们可以设置animation-timing-function为ease-in-out。

css @keyframes example { 0% { transform: translateX(0); } 50% { transform: translateX(100px); } 100% { transform: translateX(0); } }

1. 改变延迟和速度：我们可以使用animation-duration和animation-iteration-count属性来改变动画的执行时间和执行次数。例如，如果我们想要动画在每秒钟执行一次，我们可以设置animation-duration为1s，animation-iteration-count为1。

css @keyframes example { 0% { transform: translateX(0); } 50% { transform: translateX(100px); } 100% { transform: translateX(0); } }

1. 使用其他属性：我们还可以使用animation-name和animation-timing-function属性来改变动画的名称和执行时间。例如，如果我们想要动画在第一个帧开始时运动到第二个帧的中间位置，我们可以设置animation-name为example-1，animation-timing-function为ease-in-out。

css @keyframes example { 0% { transform: translateX(0); } 50% { transform: translateX(100px); } 100% { transform: translateX(0); } animation-name: example-1; animation-timing-function: ease-in-out; }

以上就是改变CSS动画运动轨迹的一些常见方法。