Идеальный выбор начинающих и небольших сайтов

Animate.css — набор кроссбраузерных CSS3 анимаций для сайта.

Animate.css - Сборник красивой анимации для вашего сайта.
Библиотека включает в себя 56 анимаций, сгруппированных по типу эффекта, включает в себя «вход» и «выход» из анимирования элемента, а так же простой конструктор, который даёт возможность включить в файл только нужные эффекты.

Установка
Установка очень простая, достаточно подключить всего 1 css файл.
 <link href="style/animate.css" rel="stylesheet">
Вот и всё, теперь нам остается присвоить нужному элементу класс с анимацией. Например:
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Animate демо</title>
  <link href="style/animate.css" rel="stylesheet">
  <style>
   .demo {
    background: #999;
    padding: 10px;
    border: 1px solid #000;
   }
  </style>
 </head>
 <body>
  <div class="animated fadeInDown warning">
   Сообщение которое всплывает при загрузки страницы.
  </div>
 </body>
</html>

Если на сайте используется jQuery, то добавление классов упрощается и делается через javascript. Например:
<script> 
$(document).ready(function() {
  $('img').addClass('animated fadeIn'); 
})
</script>
Если мы подключим такой скрипт то все изображения на сайте будут плавно появляться.

Скачать и посмотреть примеры можно на сайте автораскачать dle 11.1смотреть фильмы бесплатно
Bootstrap Tour. Делаем красивый тур на сайте.
Bootstrap Tour. Делаем красивый тур на сайте.
4-06-2017, 12:29, Блог
Простая кнопка
Простая кнопка "Наверх" для сайта на JS (с анимацией)
18-04-2017, 20:45, Блог
Movie

Нет комментариев. Гость, не желаешь оставить первый комментарий?

Перед публикацией, советую ознакомится с правилами!

{login}

Твой комментарий..

Имя:*
E-Mail:
Loading...

Актуальная версия 13.3


Loading...

Настоятельно рекомендуем ознакомиться с информацией по ссылке ниже.

Сайт мошенников
Полезно знать

Ваша реклама за 300 р.м

В любом месте сайта

Обратная связь
Loading...

Нашли ошибку?
Вы можете сообщить об этом администрации.
Выделив текст нажмите CTRL+Enter