Mike_Ro
@Mike_Ro
Python, JS, WordPress, SEO, Bots, Adversting

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

Всем привет!

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

Спустя некоторого время подключаем ему необходимый класс анимации из animate.css:
setTimeout(function () {
$('.test').addClass('animated flipInX');
}, 500)


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

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

Спасибо!
  • Вопрос задан
  • 408 просмотров
Решения вопроса 1
animate.css нужно использовать в связке с wow.js
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы