Question

Animate.css在容器和标题的外部工作，但不在内部。我花了一整天时间才能找到解决办法，而且我正在做的一切都是正确的。就像我说的那样，如果我把它随机放在某个地方。提前谢谢。

编辑：无论我选择什么样的动画，它都不会做任何动画！

EDIT2：动画发生得很快，我在电脑上看不到它，我怎么能延迟它？谢谢！

 <header id="intro">
   <div class="container">
      <div class="table">
         <div class="header-text">
            <div class="row">
               <div class="col-md-12 text-center">
                  <div class="animated bounce">
                     <h2 class="light white">text.</h2>
                     <h1 class="white typed"></h1>
                     <ol></ol>
                     <a href="#" class="btn btn-blue">sign up</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="col-md-12 text-center">
         <h6 class="light white">Copyright &copy; 2016</h6>
      </div>
   </div>
</header>

Answer 1

将整个animate.css粘贴到jsfiddle的CSS后，你的工作正常： https://jsfiddle.net/khc7ytf3/

我刚刚添加了无限级，以便更好地实现可视化。

<header id="intro">
   <div class="container">
      <div class="table">
         <div class="header-text">
            <div class="row">
               <div class="col-md-12 text-center">
                  <div class="animated bounce infinite">
                     <h2 class="light white">text.</h2>
                     <h1 class="white typed"></h1>
                     <ol></ol>
                     <a href="#" class="btn btn-blue">sign up</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="col-md-12 text-center">
         <h6 class="light white">Copyright &copy; 2016</h6>
      </div>
   </div>
</header>

您确定，您已将animate.css添加到您的html文件中吗？（https://raw.githubusercontent.com/daneden/animate.css/master/animate.css）

查看自述文件如何使用animate.css（https://github.com/daneden/animate.css/blob/master/README.md）

我假设您正在测试支持CSS3动画的浏览器？（http://www.w3schools.com/css/css3_animations.asp）

动画引导主题不起作用

1 个答案: