Не работает animate.css

@triatri3 · Регистрация: 16.11.2016

Студворк — интернет-сервис помощи студентам

Хотел обуздать новую технологию когда при скролинге новые элементы появлялись бы как-то анимированно, для этого и скачал animate.css, но почему-то оно не работает. В чём проблема? Делаю всё по инструкции, даже копировал целыми кусками из примеров, всё равно не работает.

HTML5
1
2
3
<body>
    <div class="First animate bounce"><h1>Анимация</h1><p>Вся такая анимация бла-бла-бла</p></div>
</body>

CSS
1
 

П.с. возможно дело в браузере, быть может он попросту не поддерживает данную технологию? Но что Яндекс.Браузер Версия 19.7.2.470, что Гугл Хром Версия 76.0.3809.100 (самая последняя) не поддерживают технологию 2015 года? Сомневаюсь. Может дело в настройках компьютера? Потому что и на официальном сайте https://daneden.github.io/animate.css/ есть возможность выбирать и смотреть анимации, пролистывая одна за другой они у меня не анимируются.

@Maximax67 · 10.08.2019, 20:39

Если вы хотите чтобы элементы появлялись при скролинге используйте также wow.min.js! Попробуйте в начале кода написать:

HTML5
1
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">

@galawar · 10.08.2019, 22:40

animate.css подключен на странице?

Новые блоги и статьи Все статьи Все блоги /
Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.

@galawar 154 / 123 / 90 Регистрация: 09.04.2018 Сообщений: 351
	10.08.2019, 22:40
	`animate.css` подключен на странице? 0