animate.css使用方法是什么

animate.CSS的使用方法:

1、在文件夹中放入animate的css文件,以及一个html文件。

db7104f194aa11daab8acddd9c2a5911

2、在html的头部添加我们的animate文件。

3f51b189015bcf17b3533c66fb5c41d8

3、在需要动画的标签上添加 class="animated bounce delay-3s",延迟3秒后播放animate中的bounce上下跳动动画。

5b6e8ff301d5b9940b81f52805b00965

4、在中间添加个infinite就可以循环播放动画。

6d0ab39b95f1c7c8da84b540c72668ff

5、我们还可以 自己添加class样式,在里面设置播放速度5秒,延迟2秒,循环播放,把定义好的 直接写到标签class前面 就可以了。

b60d8519cd132cf36c33f21155443dc6

6、如果要设置播放次数,可以把infinite修改为2,就是播放两次。

64085a1260fc98d8f8d8f38e760b0d4b

7、在浏览器打开就可以看到文字跳动的动画了,其它的动画同样如此使用,只需要修改动画名字就可以了。

d824ff667d8868027802d894c350aef1

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容