如何延迟我的animate.css效果？

问题描述：

我已经把一个animate.css（https://daneden.github.io/animate.css/）效果放在我的第二部分标题文本和hr元素（行）上。但是，当页面加载到我的部分#part1时，对这些元素的影响会激活。当用户去我的第二部分，这被称为#part2我想要的效果然后发生。不确定如何使这种“延迟”发生。如何延迟我的animate.css效果？

HTML

 <!-- SECTION2 --> 
     <section id="part2"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-lg-12 text-center"> 
        <h2 class="slideInRight animated" id="title4">about</h2> 
        <hr class="line2 slideInRight animated"> 
        <div class="row"> 
        </div> 
       </div> 
      </div> 
     </div> 
     </section>

Site code

使用一些JS，只要有人点击它，就会在part2中添加'active'类。然后用css，你可以用'part2.active'类做动画 – Nicholas

尝试使用wow.js，它具有animate.css作为依赖。它触发“活动”部分上的动画。试试看 –

答

，你可以在你的CSS我变薄，它的工作使用 .chevron-row.bounceInDown.animated { transition: all 20s ease-in-out 3s; } 。

如何延迟我的animate.css效果？

相关推荐