如何延遲我的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

來源

2017-08-11 Jon Bridge

使用一些JS，只要有人點擊它，就會在part2中添加'active'類。然後用css，你可以用'part2.active'類做動畫 – Nicholas

嘗試使用wow.js，它具有animate.css作爲依賴。它觸發「活動」部分上的動畫。試試看 –

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

來源

2017-08-12 06:05:32

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

回答

相關問題