AOS / Улучшение / Плагины Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0.1

Каталог: Плагины Bootstrap

Категория: Улучшение

Для Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Английский

Вес файла: 32.0 Kb

Уникальный ID: 2229

Посмотрели: 2389 раз

Скачать бесплатно

Помощь: установка & настройка

Скачали бесплатно: 67 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 2 голосов

Тип лицензии: CC BY 4.0

Авторство: https://github.com/michalsnik/aos

Информация: Пользователям

Информация: Правообладателям

Теги: scroll, Plugin, Effect, AoS, ANIMATE, анимация, Bootstrap, animation

Поделился: BootstrapТема

Добавлено: 2017-06-27 в 22:33

Метка: 1585199787

⇄ ⇅

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2017/aos/aos.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://bootstraptema.ru/plugins/2017/aos/aos.js"></script>

<style>
/* background style */
body {
background: #BA8B02; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #181818, #BA8B02); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #181818, #BA8B02); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
</style>

<div class="container">
<div class="row ">

<div class="col-xs-12" data-aos="fade-up">
<img src="http://drawings-girls.ucoz.net/2017/06/devushka-s-izranenim-licom.jpg" class="img-responsive" alt="1" />
 </div>

<div class="col-xs-12" data-aos="fade-up">
<img src="http://drawings-girls.ucoz.net/2017/06/devushka-s-ognennoi-scripkoi.jpg" class="img-responsive" alt="2" />
 </div>

</div>
</div>

<script>
 AOS.init({
 easing: 'ease-in-out-sine',
 duration: 1000
 });
</script>