jquery - Fade in and pulse text, delay then fade out with CSS3 animation? -


i've been trying create effect on piece of text in website not having luck. hoping create css if can suggest way jquery i'll try anything.

i want fade in, fades in pulses delays length of time , fades out. want happen on loop.

i have slideshow , want each of 4 slides/titles fade in on each corresponding slide set on loop keyframes. need able put each title in slide goes with.

for example:

<div>     <ul>       <li>          <h2 class="title1">title one</h2>          <img src="../" />       </li>       <li>          <h2 class="title1">title two</h2>          <img src="../" />       </li>       <li>          <h2 class="title1">title three</h2>          <img src="../" />       </li>       <li>          <h2 class="title1">title four</h2>          <img src="../" />       </li>     </ul> </div> 

we can try use animate.css - https://github.com/daneden/animate.css

$('.title1').addclass('animated pulse');  $('.title1').one('webkitanimationend mozanimationend msanimationend oanimationend animationend', dosomething); 

Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -