注意共有7个步骤,按顺序操作下去
1.css Animation需要指定动画一个周期持续的时间,以及动画效果的名称。
2.可以通过百分比设置
然后一个简单的动画就完成了。
3.默认情况下,动画智慧播放一次,我们需要它无限次播放,可以添加animation-iteration-count:infinite4.当前动画结束的时候,元素样式默认回到初始状态,我们想要她保持在结束状态,可以添加animation-fill-mode:forwards。
5.我们需要动画延迟播放,可以通过animatio-delay的设置来完成6.动画循环播放时,每次都是从结束状态回到起始状态,再开始播放,animation-direction属性,可以改变这种行为。
7.动画也可以写成简写属性。
这就是我简单快速的方法,然后你们可以试试,如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!