Как остановить небольшое мигание изображения при остановке петлевой анимации?

Question

Я создал фрагмент петлевой анимации эффекта дрожания изображения. Но после каждого цикла останавливается небольшое мигание изображения. Это уменьшает оригинальность анимации. Пожалуйста, помогите мне решить эту проблему.

function afterReveal (el) { 
 
\t //event listener when the animation finishes 
 
\t el.addEventListener('animationend', function() { 
 
    $("#test").attr("data-wow-delay","6s"); 
 
    new WOW().init(); 
 
\t }); 
 
} 
 

 
new WOW({ callback: afterReveal }).init();

.course-img2 img{ 
 
    width:30%; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet"/> 
 
    <div id="test" data-wow-delay="300ms" data-wow-iteration="2" data-wow-duration="0.60s" class="wow shake course-img2"> <img src="http://qnimate.com/wp-content/uploads/2014/03/images2.jpg" alt="Logo"> </div>

Answer 1

Wow.js библиотека, кажется CSS цикла visibility когда он завершает анимацию. Для борьбы с этим добавить следующие строки в CSS

JSFIDDLE

.course-img2{ 
    visibility:visible !important; 
}