は、私は、リスト内のテキストにアニメーションを適用するリスト内の

Question

をテキストにアニメーションを適用します。ここで は、コードは次のとおりです。

<div id="about" class="row section"> 
    <div class="col-sm-8"> 
     <h2 style="color:black;">About me!</h2> 
     <ul> 
     <li >“If witnesses don't support the prosecution, what can the judge do? The judge is helpless. All this is unnecessary hype.</li> 
     <li>“If witnesses don't support the prosecution, what can the judge do? The judge is helpless. All this is unnecessary hype.</li> 
     <li>“If witnesses don't support the prosecution, what can the judge do? The judge is helpless. All this is unnecessary hype.</li> 
     <li>“If witnesses don't support the prosecution, what can the judge do? The judge is helpless. All this is unnecessary hype.I</li> 
     </ul> 
    </div> 
    </ul> 
    <div class="col-sm-4 pull-right"> 
     <img class="img-circle" src=" https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSFp8CA_CfnnMbFZ2UW1cDm_zfDcQtuPitWa0x8LNRKFV3kH4A "/> 
    </div> 
</div> 
<hr style="border: 1px solid black"/> 

また、私は約セクションをクリックすると、このアニメーションが起こるしたいですヘッダ！ ここにコードペンへのリンクです：https://codepen.io/saisree/full/WjVjMW/

いくつかの助けが必要です！これがどのようにして改善されるかを提案してください！ ありがとうございます！

Answer 1

使用この：

https://github.com/matthieua/WOW

あなたは単に、同様の遅延で、任意の要素にアニメーションを適用することができます。

<section class="wow slideInLeft"></section> 
    <section class="wow slideInRight"></section> 
    <section class="wow fadeInUp" data-wow-duration="2s"> 
    <section class="wow pulse" data-wow-iteration="infinite" data-wow-duration="500ms"> 

は開始：wow.initを（）;

デモ：https://codepen.io/syedrafeeq/pen/yEJKn