博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

css学习-Animate.css的使用

Posted on 2019-06-27 10:58  追风0315  阅读(265)  评论(0)    收藏  举报

1：下载：

https://www.haorooms.com/uploads/example/Animatecss/Animate/animate.css

 

2;使用

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8" />
     <title></title>
     <link rel="stylesheet" href="https://www.haorooms.com/uploads/example/Animatecss/Animate/animate.css" />
</head>
<body>
     <div id="test" class="animated bounce infinite">test</div>
     <!-- 这边注意div里类名不分先后但是必须有animated 和 动作类名infinite即为无限循环，默认为播放一次 -->
</body>
</html>

 

3：效果预览：https://daneden.github.io/animate.css/