在CSS动画中,我们可以使用forwards这个关键词来控制动画的结束状态。
animation: myAnimation 2s forwards;
这段代码中的forwards告诉浏览器在动画结束后将元素保持在动画的最后一帧状态,而不是回到起始状态。
在默认情况下,CSS动画结束后元素会回到动画开始时的状态。如果我们希望元素保持动画结束时的状态,就需要使用forwards。
需要注意的是,使用forwards关键词时,动画结束后元素不会自动回到起始状态,需要通过其他CSS规则或JavaScript代码来控制元素的下一步行为。