Для создания красивых эффектов при загрузке сайта и переходе между секциями используют скрипт WOW.js в связке со стилями animate.css. В <head> необходимо подключить стили:
1 |
<link href="css/animate.css" rel="stylesheet"> |
Перед закрывающимся тегом <body> необходимо вставить
1 |
<script src="js/wow.min.js"></script> |
Для работы WOW необходимо, чтобы был подключен jQuery. Теперь к анимируемым элементам необходимо добавить классы wow и класс эффекта анимации. Но просто добавить их недостаточно, необходимо в скриптах запустить инициализацию
1 |
new WOW().init(); |
Теперь все должно работать.