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

Question

我在我的第二部分标题文本和 hr 元素(行)上添加了 animate.css ( https://daneden.github.io/animate.css/ ) 效果。但是，当页面加载到我称为 #part1 的第一个部分时，对这些元素的影响就会激活。当用户转到我称为 #part2 的第 2 部分时，我希望效果发生。不确定如何使这种“延迟”发生。

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

Answer 1

你可以使用.chevron-row.bounceInDown.animated {
过渡:所有 20 秒的缓入缓出 3 秒；
在你的 CSS 中，我认为它在工作。