Как правильно работать с animate.css?

Question

[Михаил Р.]

Всем привет!

Имеется элемент:
<div class="test">123</div>

Спустя некоторого время подключаем ему необходимый класс анимации из animate.css:

setTimeout(function () {
$('.test').addClass('animated flipInX');
}, 500)

Итог: класс подключается и анимация проигрывается без проблем, НО: Изначально, элемента не должно быть видно, он как-бы должен появится ну и следовательно остаться видимым.
Пробую реализовать так: изначально элементу задаю opacity: 0;, но после проигрывания анимации элемент снова пропадает благодаря изначально заданному opacity: 0;. При этом, элемент с анимацией fadeIn по окончанию анимации не пропадает, хотя там так-же задан opacity: 0;.

Как быть в данной ситуации?

Спасибо!

Comments

[Kovalsky]

Вероятно вам стоит использовать wow.js, он специально для этого и использует animate.css

Answer 1

[Илья Белобородов]

animate.css нужно использовать в связке с wow.js