随笔 - 63, 文章 - 1, 评论 - 5, 阅读 - 72425
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

css学习-Animate.css的使用

Posted on   追风0315  阅读(260)  评论(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/

编辑推荐:
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
阅读排行:
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· 深入理解Mybatis分库分表执行原理
· 使用 Dify + LLM 构建精确任务处理应用
点击右上角即可分享
微信分享提示