声明：以上封⾯引⾃css3的搜索结果_百度图⽚搜索
纯CSS实现轮播图效果，你不知道的CSS3⿊科技 - 悟空前端 - 博客园w wwblogs
css动画是css3中新添加的特性，为我们提供了很多很⽅便的css特效，以前很多需要借助js(或者gif动效图)来完成的动画效果，简单通过css就能完成。
animation-fill-mode 属性规定当动画不播放时（当动画完成时，或当动画有⼀个延迟未开始播放时），要应⽤到元素的样式。
默认情况下，CSS 动画在第⼀个关键帧播放完之前不会影响元素，在最后⼀个关键帧完成后停⽌影响元素。animation-fill-mode 属性可重写该⾏为。animation-fill-mode: none|forwards|backwards|both|initial|inherit;
该css属性主要的两个值为forwards和backwards，还是能够很简单地理解的：
forwards表⽰当动画结束时，不会消除动画对HTML的影响，⽽是会将to关键帧中的css样式应⽤于元素中；
backwards则相反，动画延迟期间，会将from关键帧中的css样式应⽤于元素中(正常情况下)；
js控制css3动画触发9.animation-play-state(指定动画的运⾏和暂停状态)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。