add animation manually using jquey
============================= JS =============================== $(window).on("load resize scroll",function(){ if ( $('.wow').length > 0 ){ $('.wow').each(function(){ var itemPos = $(this).offset().top; var windowHeight = $(window).outerHeight(); var scrollTop = $(window).scrollTop(); var result = scrollTop + windowHeight ; if ( result > itemPos ){ $(this).addClass('active'); } }); } }); ============================= CSS =============================== /*===== default animation =====*/ .wow { opacity: 0; } .wow.active { transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; transition-duration: 0.6...