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

1
2
3
4
5

Версия: v1.0

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

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

Для Bootstrap: 3, 4

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

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

Вес файла: 4.9 Kb

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

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

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

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

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

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

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

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

Авторство: //github.com/flouthoc/scrollpup.js/

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

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

Теги: для скроллинга, эффект скроллинга, прогресс скроллинга, скроллинг, scroll, Plugin, Bootstrap

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

Добавлено: 2019-02-06 в 19:00

Метка: 1582271115

⇄ ⇅

<!DOCTYPE html>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.0/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://bootstraptema.ru/plugins/2019/scrollpup/scrollpup.min.js"></script>

<div class="container">
<div class="col-md-6 col-md-offset-3"><img src="https://bootstraptema.ru/logo.png" class="img-responsive" alt="demo 1" /></div><div class="clearfix"></div><br />
<div class="col-md-6 col-md-offset-3"><img src="https://bootstraptema.ru/logo.png" class="img-responsive" alt="demo 2" /></div><div class="clearfix"></div><br />
<div class="col-md-6 col-md-offset-3"><img src="https://bootstraptema.ru/logo.png" class="img-responsive" alt="demo 3" /></div><div class="clearfix"></div><br />
<div class="col-md-6 col-md-offset-3"><img src="https://bootstraptema.ru/logo.png" class="img-responsive" alt="demo 4" /></div><div class="clearfix"></div><br />
<div class="col-md-6 col-md-offset-3"><img src="https://bootstraptema.ru/logo.png" class="img-responsive" alt="demo 5" /></div><div class="clearfix"></div><br />
<div class="col-md-6 col-md-offset-3"><img src="https://bootstraptema.ru/logo.png" class="img-responsive" alt="demo 6" /></div><div class="clearfix"></div><br />
<div class="col-md-6 col-md-offset-3"><img src="https://bootstraptema.ru/logo.png" class="img-responsive" alt="demo 7" /></div><div class="clearfix"></div><br />
<div class="col-md-6 col-md-offset-3"><img src="https://bootstraptema.ru/logo.png" class="img-responsive" alt="demo 8" /></div><div class="clearfix"></div><br />
<div class="col-md-6 col-md-offset-3"><img src="https://bootstraptema.ru/logo.png" class="img-responsive" alt="demo 9" /></div><div class="clearfix"></div><br />
<div class="col-md-6 col-md-offset-3"><img src="https://bootstraptema.ru/logo.png" class="img-responsive" alt="demo 10" /></div>
</div>

<script>
 scrollpup({
 background: 'linear-gradient(to right, #ff416c, #ff4b2b)'
 })
 </script>