How to perform animation in fullpage.js and only then go to the next slide?

Question

css

The effect is well demonstrated on this project - park-residence.dp.ua .
It is necessary that there be scrolling using the fullpage.js plugin or if there are similar ones, but at the same time there was an animation for 2-3 seconds and only then a transition.
Any ideas?

Answer 1

you can try to track the end of the animation using the giveaway method

.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
    // тут пишем переход на новый слайд
});