Как исправить css анимацию?

Question

[Martyer]

Анимация неправильно работает, использую animation.css и wow.js для анимации при скролле.
При прокрутке видно всё в обычном состоянии, а потом начинает работать анимация, причём не всегда правильно.
Вот тут пример.
В идеале до момента пока они будут в видимой части, они должны иметь display: none
Буду благодарен помощи.

Answer 1

[Alex]

opacity 0 - > opacity 1

Answer 2

[Михаил Чирский]

Есть вот такая полезная штук для подобных вещей, использовал на лендингах
https://github.com/protonet/jquery.inview

Работает просто:

$('div').on('inview', function(event, isInView) {
  if (isInView) {
    // element is now visible in the viewport
  } else {
    // element has gone out of viewport
  }
});

Если, я вас правильно понял, должно помочь.

Comments

[Martyer]

Увы, но нет (

[Алмаз Бисенбаев]

Martyer: Юзера ответ.
Что не так то?