Sequencing サンプル

1つ目のp要素

2つ目のp要素(500ms遅れて出てくる)

3つ目のp要素(2つ目の要素から500ms遅れて出てくる)

このサンプルのHTML

<div class="animatedParent" data-sequence="500">
<p class="animated bounceInDown" data-id="1">1つ目のp要素</p>
<p class="animated bounceInDown" data-id="2">2つ目のp要素(500ms遅れて出てくる)</p>
<p class="animated bounceInDown" data-id="3">3つ目のp要素(2つ目の要素から500ms遅れて出てくる)</p>
</div>