Как сделать анимацию как на этом сайте, с помощью WOW.js и animate.css?

Question

[emptinessandform]

вот сайт который я взялся и сверстал ради тренировки: ironsummitmedia.github.io/startbootstrap-creative
вот его исходники на GitHub: https://github.com/IronSummitMedia/startbootstrap-...

там примитивная анимация для иконок, которая делается с помощью Animate.css и включается при скролинге с помощью wow.js. Я все сделал, анимация работает, но у исходного сайта анимация запускается в ряд, одна за одной. Иконки которые в разделе "At Your Service", там их 4 и идет первая, потом вторая. У меня же они всплывают при скроллинге одновременно.
Я уже все исходники облазил, не могу понять как он это сделал? Все js файлы его пересмотрел ни где не ставит таймер и не редактирует настройки анимации

Answer 1

[Сергей]

На вскидку быть может оно задаётся через data-wow-delay=".1s"
У элементов только это отличается.

Comments

[Сергей]

Да, точно из документации по WOW.js:
data-wow-duration: Change the animation duration
data-wow-delay: Delay before the animation starts
data-wow-offset: Distance to start the animation (related to the browser bottom)
data-wow-iteration: Number of times the animation is repeated

[Mastrix 0160]

Именно делей

[emptinessandform]

ох спасибо!! как стыдно, что бы это увидеть надо было использовать горизонтальный скролл в редакторе data-wow-delay=".1s". А я то думал, где он мог задать это параметр. Смотрел в код и ничего нет. Думал, что он отредактировал wow.js файл.