css3的animation动画如何在动作结束时保持该状态不变

把物体动画地从一个地方移动到另一个地方,并让它停留在那里:

animation-fill-mode:forwards;
  • none 默认值。动画在动画执行之前和之后不会应用任何样式到目标元素。
  • forwards 应用动画结束样式到目标元素上
  • backwards 应用动画开始样式到目标元素上
  • both 向前和向后填充模式都被应用

注意
如果forwards与backwards效果相反,则可能是动画animation-timing-function 使用的是ease-inease-out,致使动画效果相反。

猜你喜欢

转载自blog.csdn.net/yiyueqinghui/article/details/120292718