About animation css3

Navigation
0

It turns out that I'm doing an html page with the animate.css and bootstrap4 framework. I have a div to which I have added an animation but I want it to be repeated every time the element is observed and not when the web is entered, that is to say at this time the div is animated when one enters the page or when recharging , and since it is located below other content, it is not possible to observe the animation. Or if an alternative is possible please, I have searched a lot on the internet and can not find anything.

HTML code: 

<div id="anim" class="col-12 border caja animated fadeIn">      
   <h1>Algunas aves que solo se encuentran en colombia</h1>
</div>

The cash class does not affect anything.

Web animate.css link

    
asked by Diego Monsalve 27.05.2018 в 01:46
source

2 answers

0

I think that in the css div you should use infinite for example: 

div {
  ....
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  ....
    animation-iteration-count: infinite;
}

Here is a simple animation just click Run >>

    
answered by 30.05.2018 в 16:13
0

I've also had that same problem with the Animate.css and it only works to play the animation by reloading the page or repeating it infinitely with the infinited property, if that's what you want you can put it in the following way. 

<div id="anim" class="col-12 border caja animated infinited fadeIn">
    
answered by 30.05.2018 в 16:29
Problems with setPaintLabels and jslider How to create a scroll bar?