Хочу поделиться полезной инфой может кому пригодится
чтобы сделать красивый вывод блоков при загрузке страницы нам потребуется
1) скачать https://yadi.sk/d/pyTTOyk-fvs8Z файлы
2) заходим в _header.php и между тегами <head></head> вставляем
<link rel="stylesheet" media="all" href="style/animate.css">
<script src="js/wow.min.js"></script>
<script>new WOW().init();</script>
и подключаем этим нашу анимацию к скрипту
3) файл animate из архива кидаем в папку /style/
4) файл wow.min из архива кидаем в /js/
итак все сделали? идем дальше
заносим нужный нам блок в див
<div class="fadeInRight wow"> </div>
есть пара настроек если вам нужно :
<div class=" fadeInRight wow " data-wow-duration="2s" data-wow-delay="7s" data-wow-offset="10"> </div>
------------------------------------------
вот и все на этом будут вопросы задавайте .
чтобы сделать красивый вывод блоков при загрузке страницы нам потребуется
1) скачать https://yadi.sk/d/pyTTOyk-fvs8Z файлы
2) заходим в _header.php и между тегами <head></head> вставляем
<link rel="stylesheet" media="all" href="style/animate.css">
<script src="js/wow.min.js"></script>
<script>new WOW().init();</script>
и подключаем этим нашу анимацию к скрипту
3) файл animate из архива кидаем в папку /style/
4) файл wow.min из архива кидаем в /js/
итак все сделали? идем дальше
заносим нужный нам блок в див
<div class="fadeInRight wow"> </div>
есть пара настроек если вам нужно :
- data-wow-offset: Дистанция от нижнего края браузера для начала анимации;
- data-wow-duration: Изменение длительности анимации;
- data-wow-delay: Задержка перед стартом анимации;
- data-wow-iteration: Сколько раз повторять анимацию?
<div class=" fadeInRight wow " data-wow-duration="2s" data-wow-delay="7s" data-wow-offset="10"> </div>
------------------------------------------
вот и все на этом будут вопросы задавайте .
Последнее редактирование:
