以前没有注意到的一个问题,就是你在使用css3动画@keyframes后,动画一结束又会变成原来的状态,这个就很烦气了。动画转了半天一结束又变成原来的,那不是很亏。。今天特意去查了下,原来有个属性animation-fill-mode,可以控制动画结束后的状态。属性如下:
- none:默认值,回到动画没开始时的状态。
- forwards 表示让动画停留在结束状态。
- backwards:让动画回到第一帧的状态。
- both: 根据animation-direction(见后)轮流应用forwards和backwards规则。