Злой CSS - Горячая Новая Библиотека Анимации в Чистом CSS3
Благодаря CSS3 вы можете создавать сумасшедшие анимации в Интернете. Эти могут работать во всех браузерах и элементах страницы управлять элементами навигации, выпадающими, вкладками, вы называете это.
Фактически вы можете даже генерировать эти коды динамически, используя инструменты анимации. Но они весьма ограничены по сравнению с полноценной библиотекой анимации.
Wicked CSS - новейшая библиотека в своем роде. Это напоминает мне о раннем Animate.css, который был довольно простым и элементарным, но может быть использован практически на любом сайте.
Загляните на домашнюю страницу для демонстрации в реальном времени вместе со списком всех поддерживаемых анимаций. На момент написания этой статьи я считаю Всего 24 стиля анимации от слайдов до поворотов и пульсирующие / подпрыгивающие эффекты.
Многие из этих анимаций являются одноразовыми функциями, используемыми для представления элемента в поле зрения (или вне поля зрения). Это удобно для страниц с анимацией прокрутки для просмотра, нацеленной на определенные элементы страницы.
Но вы также можете используйте это, чтобы показать (или скрыть) дополнительные элементы страницы например, выпадающие меню, панели поиска, скрытые формы регистрации или что-либо еще. Вот небольшой список анимаций, которые вы можете выбрать:
- Встряска
- Увеличить / уменьшить
- Скользить вверх / вниз
- Fade in / out
- Роллинг в / из
- Отказов и поп
- Круговое вращение в / из
Все эти стили анимации предназначены для одного использования. Их можно вызывать несколько раз для каждой страницы и для каждого элемента, но это не повторяющиеся анимации.
Вместо этого вы будете использовать их на основе эффекта щелчка, наведения или удара пользователя. Они также могут использоваться на кнопках CTA для пульсирующих / пульсирующих эффектов, но для этого требуется функция синхронизации JavaScript.
Взгляните на страницу примеров для предварительного просмотра в реальном времени и некоторые другие детали. Вы также найдете полную документацию на главном сайте вместе с репозиторием GitHub..
Wicked CSS - более новая библиотека, поэтому у нее пока нет большого числа последователей. Но библиотека стабильна, и, вероятно, будет в течение многих лет.
