Techbear
Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.
В Интернете можно найти множество библиотек стилей, которые могут помочь с анимацией элементов на странице.
В этой статье нет библиотек, которые помогают с синтаксисом или технологиями анимации, а скорее библиотеки типа «используй как есть».
Скопируйте и вставьте стили (отредактируйте, если нужно), добавьте соответствующий класс вашему элементу и проверьте результат.
Содержание:
Выберите нужную анимацию из пресетов, если нужно сделайте настройки в редакторе, скопируйте css класс и анимацию и вставьте на вашу страницу.
Перейти на Animista.
Одна из самых больших библиотек css анимации от Даниэла Эдена. Классическая css анимация.
Перейти на Animate.css.
Большая библиотека css классов, которые вы можете добавить к нужным элементам. Можно использовать отдельно, можно вместе с другими библиотеками.
Перейти на Tachyons Animate. На GitHub.
В этой библиотеке css анимации, которые работают бесконечно.
Перейти на Infinite.
Библиотека Sass для создания настраиваемых переходов и анимаций.
Перейти на Motion UI.
Небольшая библиотека css анимации, контролируемая javascript.
Перейти на Micron.
Библиотека наподобие Animate.css с похожими анимациями.
Перейти на Vivify.
Коллекция hover эффектов, которые можно применить к ссылкам, кнопкам, лого, SVG, картинкам и так далее. Добавьте выбранный стиль, настройте под свои нужды или просто используйте для вдохновения. CSS, Sass и LESS.
Я использую эту библиотеку стилей для добавления hover эффектов в меню.
Перейти на Hover.css.
Перейти на AllAnimation.
Перейти на Magic Animations.
Еще одна хорошая библиотека css анимации.
Перейти на It’s Tuesday.
Реклама
Простой способ выгодно купить полис
Перейти на vhs.
Перейти на ReboundGen.
Перейти на CSShake.
Перейти на Motion CSS.
Перейти на cssanimation.io.
Перейти на Wicked CSS.
Перейти на Woah.css.
Перейти на Obnoxious.css.
Перейти на Hexa.
Перейти на Mimic.css.
Проверить правильность кода можно здесь: https://jigsaw.w3.org/css-validator/
Надеюсь, статья была полезна. Оставляйте комментарии.
Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.