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

1
2
3
4
5

Версия: v1.0.1

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

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

Для Bootstrap: 3, 4

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

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

Вес файла: 0.3 Kb

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

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

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

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

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

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

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

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

Авторство: https://animista.net/

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

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

Теги: css, Effect, Tools, анимация, Bootstrap, animation

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

Добавлено: 2017-06-19 в 21:40

Метка: 1585232246

⇄ ⇅

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />

<style>
h1 {
 -webkit-animation: vibrate-1 0.3s linear infinite both;
 animation: vibrate-1 0.3s linear infinite both;
}
@-webkit-keyframes vibrate-1 {
 0% {
 -webkit-transform: translate(0);
 transform: translate(0);
 }
 20% {
 -webkit-transform: translate(-2px, 2px);
 transform: translate(-2px, 2px);
 }
 40% {
 -webkit-transform: translate(-2px, -2px);
 transform: translate(-2px, -2px);
 }
 60% {
 -webkit-transform: translate(2px, 2px);
 transform: translate(2px, 2px);
 }
 80% {
 -webkit-transform: translate(2px, -2px);
 transform: translate(2px, -2px);
 }
 100% {
 -webkit-transform: translate(0);
 transform: translate(0);
 }
}
@keyframes vibrate-1 {
 0% {
 -webkit-transform: translate(0);
 transform: translate(0);
 }
 20% {
 -webkit-transform: translate(-2px, 2px);
 transform: translate(-2px, 2px);
 }
 40% {
 -webkit-transform: translate(-2px, -2px);
 transform: translate(-2px, -2px);
 }
 60% {
 -webkit-transform: translate(2px, 2px);
 transform: translate(2px, 2px);
 }
 80% {
 -webkit-transform: translate(2px, -2px);
 transform: translate(2px, -2px);
 }
 100% {
 -webkit-transform: translate(0);
 transform: translate(0);
 }
}
</style>

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

<h1 class="text-center">Animista | BootstrapTema</h1>

</div></div>