Анимированные Popover Bootstrap 3 / Эффекты / Сниппеты Bootstrap

Версия: v1.0

Каталог: Сниппеты Bootstrap

Категория: Эффекты

Bootstrap: 3

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

Язык: Русский

Вес файла: 1.4 Kb

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

Количество символов:

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

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

Прикреплён файл №2: /stuff/0-0-0-1609-20

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

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

Рейтинг: 4.0 / 5 - 4 голосов

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

Авторство: https://goo.gl/iek0Cn

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

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

Теги: эффект, Snippet, Effect, velocity.js, сниппет, Bootstrap, html, animation, popover

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

Добавлено: 2016-12-24 в 16:26

Метка: 1581089207

⇄ ⇅

<h1 class="text-center">Анимированные Popover Bootstrap 3</h1>

<ul>

<li>
 <a data-original-title="Popover с верху" data-animation="false" data-easein="fadeIn" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">fadeIn</a>
 </li>
 <li><a data-original-title="Popover с права" data-animation="false" data-easein="flipXIn" href="#" class="btn btn-primary" rel="popover" data-placement="right" data-content="Содержимое Popover информера">flipXIn</a></li>
 <li><a data-original-title="Popover с низу" data-animation="false" data-easein="flipYIn" href="#" class="btn btn-primary" rel="popover" data-placement="bottom" data-content="Содержимое Popover информера">flipYIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" href="#" data-easein="flipBounceXIn" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">flipBounceXIn</a></li>
<li><a data-original-title="Popover с низу" data-animation="false" data-easein="flipBounceYIn" href="#" class="btn btn-primary" rel="popover" data-placement="bottom" data-content="Содержимое Popover информера">flipBounceYIn</a></li>
 <li><a data-original-title="Popover с права" data-animation="false" data-easein="swoopIn" href="#" class="btn btn-primary" rel="popover" data-placement="right" data-content="Содержимое Popover информера">swoopIn</a></li>
 <li><a data-original-title="Popover с верху" data-animation="false" data-easein="whirlIn" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">whirlIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" href="#" data-easein="shrinkIn" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">shrinkIn</a></li>
 <li>
 <a data-original-title="Popover с верху" data-animation="false" data-easein="expandIn" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">expandIn</a>
 </li>
 <li><a data-original-title="Popover с права" data-animation="false" data-easein="bounceIn" href="#" class="btn btn-primary" rel="popover" data-placement="right" data-content="Содержимое Popover информера">bounceIn</a></li>
 <li><a data-original-title="Popover с низу" data-animation="false" data-easein="bounceUpIn" href="#" class="btn btn-primary" rel="popover" data-placement="bottom" data-content="Содержимое Popover информера">bounceUpIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" href="#" data-easein="bounceDownIn" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">bounceDownIn</a></li>
<li><a data-original-title="Popover с низу" data-animation="false" data-easein="bounceLeftIn" href="#" class="btn btn-primary" rel="popover" data-placement="bottom" data-content="Содержимое Popover информера">bounceLeftIn</a></li>
 <li><a data-original-title="Popover с права" data-animation="false" data-easein="bounceRightIn" href="#" class="btn btn-primary" rel="popover" data-placement="right" data-content="Содержимое Popover информера">bounceRightIn</a></li>
 <li><a data-original-title="Popover с верху" data-animation="false" data-easein="slideUpIn" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">slideUpIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" href="#" data-easein="slideDownIn" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">slideDownIn</a></li>
<li><a data-original-title="Popover с права" data-animation="false" data-easein="slideLeftIn" href="#" class="btn btn-primary" rel="popover" data-placement="right" data-content="Содержимое Popover информера">slideLeftIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" data-easein="slideRightIn" href="#" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">slideRightIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" data-easein="slideUpBigIn" href="#" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">slideUpBigIn</a></li>
 <li><a data-original-title="Popover с верху" data-animation="false" data-easein="slideDownBigIn" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">slideDownBigIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" data-easein="slideLeftBigIn" href="#" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">slideLeftBigIn</a></li>
 <li><a data-original-title="Popover с верху" data-animation="false" data-easein="slideRightBigIn" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">slideRightBigIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" data-easein="perspectiveUpIn" href="#" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">perspectiveUpIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" data-easein="perspectiveDownIn" href="#" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">perspectiveDownIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" data-easein="perspectiveLeftIn" href="#" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">perspectiveLeftIn</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" data-easein="perspectiveRightIn" href="#" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">perspectiveRightIn</a></li>
<li><a data-original-title="Popover с верху" data-animation="false" data-easein="shake" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">shake</a></li>
 <li><a data-original-title="Popover с верху" data-animation="false" data-easein="tada" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">tada</a></li>
 <li><a data-original-title="Popover с верху" data-animation="false" data-easein="flash" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">flash</a></li>
 <li><a data-original-title="Popover с лева" data-animation="false" data-easein="pulse" href="#" class="btn btn-primary" rel="popover" data-placement="left" data-content="Содержимое Popover информера">pulse</a></li>
 <li><a data-original-title="Popover с верху" data-animation="false" data-easein="swing" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">swing</a></li>
 <li><a data-original-title="Popover с верху" data-animation="false" data-easein="bounce" href="#" class="btn btn-primary" rel="popover" data-placement="top" data-content="Содержимое Popover информера">bounce</a></li>

</ul>

</div>
</div>

BootstrapTema

Анимированные Popover Bootstrap 3

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0