Estoy trabajando en un proyecto con wow.js. Últimamente me di cuenta de que hay un posible 'error' en la animación cuando se dispara con cierto retraso. En primer lugar, agregué class="wow animate animate__bounceInUp" data-wow-duration="2s" y funciona sin problemas. Pero cuando me di cuenta de que necesito agregar un retraso a la animación, primero parpadea una vez y luego ejecuta la animación. He agregado el fragmento de trabajo aquí. ¿Alguien puede mirar esto y decirme lo que me estoy perdiendo aquí?
wow = new WOW( { boxClass: 'wow', // default animateClass: 'animated', // default offset: 0, // default mobile: true, // default live: true // default } ) wow.init(); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"/> <div class="pop-img container"> <div class="row text-center"> <div class="col-xs-4"> <img src="https://wowjs.uk/img/wow-1.gif" alt="" class="wow animate animate__bounceInUp" data-wow-duration="2s" data-wow-delay="0.2s"> </div> <div class="col-xs-4"> <img src="https://wowjs.uk/img/wow-1.gif" alt="" class="wow animate animate__bounceInUp" data-wow-duration="2s" data-wow-delay="0.4s"> </div> <div class="col-xs-4"> <img src="https://wowjs.uk/img/wow-1.gif" alt="" class="wow animate animate__bounceInUp" data-wow-duration="2s" data-wow-delay="0.6s" > </div> </div> </div>