Animation Nehmen in einer Liste in Text

I Animation anwenden möchten in der Liste in Text: hier ist der Code:Animation Nehmen in einer Liste in Text

<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"/>

ich diese Animation wollen auch passieren, wenn ich in der auf dem über Abschnitt klicken Header! Hier ist der Link zum Code Stift: https://codepen.io/saisree/full/WjVjMW/

Brauchen Sie Hilfe! Schlage auch vor, wie dies mehr verbessert werden kann! Vielen Dank im Voraus! diese

Quelle

2017-06-01 Sree11

Welche Animation wollen Sie? –

jedes Element in der Liste sollte eins nach dem anderen mit einer gewissen Zeitlücke oder irgendeiner Art erscheinen, die dem ungefähren Abschnitt passt! Danke! – Sree11

Verwendung:

https://github.com/matthieua/WOW

Sie können einfach anwenden Animationen auf ein beliebiges Element, mit einer Verzögerung auch:

<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">

einleiten: wow.init();

Demo: https://codepen.io/syedrafeeq/pen/yEJKn

Quelle

2017-06-01 08:43:29

Animation Nehmen in einer Liste in Text

Antwort

Verwandte Themen