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
Post a Comment