首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用animate.css

如何使用animate.css
EN

Stack Overflow用户
提问于 2021-03-09 11:07:14
回答 1查看 114关注 0票数 1

我试图用animate.css函数fadeInUp来动画化一个div,但是它不起作用。

代码语言:javascript
复制
    <html>
    <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    </head>
    <body>
    <div class="grid mt-4 claim animate__animated animate__fadeInUp"></div>
    </body>
    </html>
EN

回答 1

Stack Overflow用户

发布于 2021-03-09 11:29:18

要使用delay动画,您需要使用规则animation-delay。如下所示:

代码语言:javascript
复制
div {
  animation-delay: 5s;
}
代码语言:javascript
复制
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />

<div class="grid mt-4 claim animate__animated animate__fadeInUp">test</div>

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66540234

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档