animate.css使用方法是什么

131 阅读 0 评论 87 点赞

我是靠谱客的博主殷勤曲奇，最近开发中收集的这篇文章主要介绍animate.css使用方法是什么，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

animate.css的使用方法：

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

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

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

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

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

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

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

以上就是animate.css使用方法是什么的详细内容，更多请关注靠谱客其它相关文章！

以上就是殷勤曲奇为你收集整理的animate.css使用方法是什么的全部内容，希望文章能够帮你解决animate.css使用方法是什么所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。