Animate.css链接

Question

我在html页面的head部分包含了以下链接，但动画不起作用：

一个动画元素我试过了，它起作用了。我需要写animate__animated而不仅仅是动画吗？

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css" />

我还在我的原始代码中添加了引导链接。引导链接起作用了，但动画效果不好。是否有其他链接需要添加？

<div class="container">
   <header class="animated slideInDown text-center text-white p-5">
   <h1 class="display-4"> Using Animation! </h1>
   </header>
</div>

Answer 1

您所需要做的就是调用正确的类来使其工作和激活。你必须调用animate__animated，只需从他们的网站上复制并粘贴效果，它就会起作用。

请注意，当我复制他们的类时，它是animate__slideInDown而不是slideInDown。

<div class="container">
        <header class="animate__animated  animate__slideInDown text-center  p-5">
            <h1 class="display-4"> Using Animation! </h1>
        </header>
    </div>

Answer 2

对于某些动画，您可能需要来自bootstrap (也包括js和jquery)的所有库，而且bootstrap也没有动画您的意思是mdboostrap尝试遵循这个guid -> https://mdbootstrap.com/md-bootstrap-cdn/