I'm working on Angular.js with 2 libraries, first the angular-smoothscroll and the animated.css.
How can I mix these two?
I want the image to be animated when I scroll down. The animations are already defined: they are css classes, and I only have to put them in the animated image.
<a href="" smooth-scroll target="eleccion" offset="10">
<img src="../images/votaaqui.png" alt="" class="boton center-block">
</a>
<section id="eleccion" class="pag_home elec">
<div class="elec_cel center-block">
<a href="" ng-click="GoToEnero()"><img class="center-block img-responsive mes_vs ANIMACION1" src="../images/enerista_md.png"></a>
<img class="vac center-block img-responsive" src="../images/estas_vacaciones.png" alt="">
<a href="" ng-click="GoToFebrero()"><img class="center-block img-responsive mes_vs ANIMACION2" src="../images/febrerista_md.png" alt=""></a>
</div> </section>
What do you suggest?