82.9K ·GitHub
Что это такое?
Animate.css — это кроссбраузерная библиотека готовых CSS-анимаций, которые можно подключить к странице, чтобы оживить элементы: затухания, подпрыгивания, выезды и другие эффекты.
Animate.css — это кроссбраузерная библиотека готовых CSS-анимаций, которые можно подключить к странице, чтобы оживить элементы: затухания, подпрыгивания, выезды и другие эффекты.Это JavaScript-фреймворк или просто таблица стилей?Это обычная CSS-таблица стилей, а не JavaScript-библиотека: вы подключаете CSS-файл и сами добавляете элементам классы анимации.
Это обычная CSS-таблица стилей, а не JavaScript-библиотека: вы подключаете CSS-файл и сами добавляете элементам классы анимации.Как добавить это в проект?Установите через npm или yarn либо подключите готовый CSS-файл напрямую, а затем примените нужные классы анимации к HTML-элементам.
Установите через npm или yarn либо подключите готовый CSS-файл напрямую, а затем примените нужные классы анимации к HTML-элементам.Нужны ли инструмент сборки или JavaScript-фреймворк для использования?Фреймворк не нужен: при разработке библиотека собирается с помощью PostCSS, но в итоге поставляется как обычный скомпилированный CSS-файл без зависимостей во время выполнения.
Фреймворк не нужен: при разработке библиотека собирается с помощью PostCSS, но в итоге поставляется как обычный скомпилированный CSS-файл без зависимостей во время выполнения.Анимации будут работать у всех пользователей?Нет — Animate.css учитывает настройку prefers-reduced-motion, поэтому пользователи, у которых в операционной системе включено «уменьшение движения», анимации не увидят.
Нет — Animate.css учитывает настройку prefers-reduced-motion, поэтому пользователи, у которых в операционной системе включено «уменьшение движения», анимации не увидят.Какие категории анимаций в ней есть?Основная команда упоминает такие категории, как затухания и подпрыгивания, а участникам предлагается при добавлении новых анимаций следовать соглашению об именовании camelCase и группировать их по типу, например затухания, подпрыгивания и так далее.
Основная команда упоминает такие категории, как затухания и подпрыгивания, а участникам предлагается при добавлении новых анимаций следовать соглашению об именовании camelCase и группировать их по типу, например затухания, подпрыгивания и так далее.Как предложить новую анимацию для проекта?Отправьте pull request, соблюдая соглашение об именовании camelCase и категоризацию, и приложите демо анимации в CodePen.
Отправьте pull request, соблюдая соглашение об именовании camelCase и категоризацию, и приложите демо анимации в CodePen.Где найти полную документацию и примеры использования?Полная документация Animate.css с примерами использования опубликована на официальном сайте проекта, а не в README.
Полная документация Animate.css с примерами использования опубликована на официальном сайте проекта, а не в README.What are similar projects?CSS-Inspiration, iCSS, SpinKit, pure, anime, yeti, html-ppt-skill, devicon
CSS-Inspiration, iCSS, SpinKit, pure, anime, yeti, html-ppt-skill, devicon