• Гость
For-Web
  • Главная
  • Вебмастеру
    • Блог
    • SQL
    • PHP
    • JavaScript
    • CSS
    • HTML
    • Литература
  • Скрипты, Soft, APP
    • Bitcoin
    • Соц сети
    • Реклама, Буксы
    • Интернет магагзин
    • Браузерные игры
    • Скрипты хостинга
    • Мобильные приложения
    • Программы
  • Data Life Eingine
    • Модули
    • Хаки
    • DLE шаблоны
  • Bootstrap
    • Шаблоны
    • Плагины
    • Сниппеты
    • Пособие Bootstrap
  • Дизайн и Графика
    • PSD макеты
    • Mocups Free
    • Иконки, Кнопки
    • Шрифты,Текст
    • Текстуры, Фон
    • Анимация
    • Формы
    • Палитра
    • Галерея
    • Раскладка
    • Модальное окно
    • Элементы загрузки
    • Меню и навигация
    • Таблицы
    • Украшения для сайта
    • Фотошоп
  • Шаблоны сайтов
    • WAP шаблоны
    • HTML 5 шаблоны
    • Админка
    • Автомобили
    • Аниме
    • Блоги
    • Бизнес и Финансы
    • Игровые
    • Женские
    • Заглушки
    • Кинопорталы
    • Кулинарные
    • Лендинг
    • Мобильные
    • Музыкальные
    • Новостные
    • ПО, IT
    • Портфолио
    • Природа
    • Строительство
    • Спорт
    • Хостинг
    • Адалт
    • Страницы 404
  • Инфо
    • О проекте
    • Обратная связь
    • Статистика
    • Privacy Policy
главная » Анимация » Animate.css — набор кроссбраузерных CSS3 анимаций для сайта

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

Скачать и посмотреть примеры можно на сайте автора

Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию. Это займёт не более минуты. Не волнуйтесь, мы не спамим!


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

Вы находитесь на странице скачивания файла. Все скрипты храняться на яндекс диске. Кнопки скачивания файла  находятся внизу страницы. Если нет кнопки  , то значит нет файла. Нет файла - просьба сообщить администратору  любым удобным способом. Спасибо большое за понимание!

Реклама - на страницах сайта, а также на странице загрузки файлов - это вынужденная мера для поддержания проекта на плаву. Я не принуждаю Вас кликать по рекламе, если конечно она вас не заинтересовала.

Да и самое важное, все материалы носят ознакомительный характер, все файлы взяты из открытых источников, соответственно Вы их используете на свой страх и риск. За риски связанные с утечкой данных, хищение средств и прочее при использовании скриптов администрация сайта ответственность не несёт!




  • Комментарии
  • О статье
  • Похожие новости
У данной публикации нет комментариев.

admin

Автор

8-12-2019, 22:38

Дата

Анимация

Категория
  • Комментариев: 0
  • Просмотров: 623
Блог
Справка по HTML атрибутам
Блог
Элементы HTML по категориям
HTML
HTML элементы в алфавитном порядке
HTML
HTML тег ссылки
Учебник Bootstrap
Система сеток Bootstrap 4
DLE хаки
Красивые кнопки аттачмент для DLE
Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Комментарии
На DLE 15.2 выводит тегом как есть {short-story-text} да и судя по коду плагина и не должен))
27 июля 2022 22:12

Karat7

Rocky, Странно )) Сейчас пере залью, а пока вот код <?php if (!defined('DATALIFEENGINE')) { die("Hacking
21 июля 2022 20:30

admin

admin, ну этого файла нет File engine/modules/iChat/show.php в Шаблоне 14.2
21 июля 2022 15:48

Rocky

Rocky, В комплектации с шаблоном все есть , устанавливаете правильно пожалуйста. Возможно ошиблись. Кнопочки в стилях
21 июля 2022 14:41

admin

где взять этот файл File engine/modules/iChat/show.php not found. движок 14.2, можете скинуть и как исправить это
21 июля 2022 11:21

Rocky


Как в HTML пишется верхний индекс


  • For-WEb.Ru 2018 - 2022  

Авторизация


Регистрация Забыл пароль