»  Снипеты  »  Библиотеки CSS

Библиотеки CSS

Последнее обновление:

Библиотеки CSSВ Интернете можно найти большое количество библиотек стилей, которые помогут вам с анимацией элементов на странице.

В этой статье нет библиотек, которые помогают с синтаксимом или технологиями анимации, а скорее библиотеки «бери и используй как есть».

Добавьте класс вашему элементу, что-нибудь вроде «animate-flip-up», скопируйте стили (и отредактируйте, если нужно), и проверьте результат.

Содержание:

  1. Animista
  2. Animate.css
  3. Tachyons-animate
  4. Infinite
  5. Motion UI
  6. Micron
  7. Vivify
  8. Hover.css
  9. AllAnimationCss3
  10. Magic Animations
  11. It’s Tuesday
  12. vhs
  13. ReboundGen
  14. CSShake
  15. Motion CSS
  16. cssanimation.io
  17. WickedCSS
  18. Woah.css
  19. Obnoxious
  20. Hexa
  21. Mimic.css

Animista

Выберите нужную анимацию из пресетов, если нужно сделайте настройки в редакторе, скопируйте css класс и анимацию и вставьте на вашу страницу.

css библиотека элементов Animista
Библиотека css элементов Animista

Перейти на Animista.

Animate.css

Одна из самых больших библиотек css анимации от Даниэла Эдена. Классическая css анимация.

animate css библиотека
Библиотека Animate css

Перейти на Animate.css.

Tachyons-animate

Большая библиотека css классов, которые вы можете добавить к нужным элементам. Можно использовать отдельно, можно вместе с другими библиотеками.

Библиотека css анимации Tachyons Animate
Библиотека css анимации Tachyons Animate

Перейти на Tachyons Animate. На GitHub.

Infinite

В этой библиотеке css анимации, которые работают бесконечно.

Библиотека бесконечной css анимации Infinite
Бесконечная css анимация Infinite

Перейти на Infinite.

Motion UI

Библиотека Sass для создания настраиваемых переходов и анимаций.

Библиотека Sass для создания анимаций и переходов
Библиотека Sass для создания анимаций и переходов

Перейти на Motion UI.

Micron

Небольшая библиотека css анимации, контролируемая javascript.

Библиотека css и js анимации Micron
Библиотека css и js анимации Micron

Перейти на Micron.

Vivify

Библиотека наподобие Animate.css с похожими анимациями.

animation css Библиотека Vivify
Библиотека Vivify

Перейти на Vivify.

Hover.css

Коллекция hover эффектов, которые можно применить к ссылкам, кнопкам, лого, SVG, картинкам и так далее. Добавьте выбранный стиль, настройте под свои нужды или просто используйте для вдохновения. CSS, Sass и LESS.

Я использую эту библиотеку стилей для добавления hover эффектов в меню.

Анимация при наведении
Библиотека Hover.css

Перейти на Hover.css.

AllAnimationCss3

Библиотека All Animation CSS3
Библиотека All Animation CSS3

Перейти на AllAnimation.

Magic Animations

Библиотека Magic Animations
Библиотека Magic Animations

Перейти на Magic Animations.

It’s Tuesday

Еще одна хорошая библиотека css анимации.

Библиотека css animation It's Tueasday
Библиотека It’s Tuesday

Перейти на It’s Tuesday.

vhs

Библиотека css анимации vhs
Библиотека vhs

Перейти на vhs.

ReboundGen

Библиотека css анимаци ReboundGen
Библиотека ReboundGen

Перейти на ReboundGen.

CSShake

Библиотека css анимаци CSShake
Библиотека CSShake

Перейти на CSShake.

Motion CSS

Библиотека css анимаци Motion CSS
Библиотека Motion CSS

Перейти на Motion CSS.

cssanimation.io

Библиотека css анимации cssanimation.io
Библиотека cssanimation.io

Перейти на cssanimation.io.

WickedCSS

Библиотека css анимации Wicked CSS
Библиотека Wicked CSS

Перейти на Wicked CSS.

Woah.css

Библиотека css анимации Woah.css
Библиотека Woah.css

Перейти на Woah.css.

Obnoxious

Библиотека css анимации Obnoxious.css
Библиотека Obnoxious.css

Перейти на Obnoxious.css.

Hexa

Библиотека css анимации Hexa
Библиотека Hexa

Перейти на Hexa.

Mimic.css

Библиотека css анимации Mimic.css
Библиотека Mimic.css

Перейти на Mimic.css.

Поделиться в facebook
Поделиться в vk
Поделиться в email
Поделиться в telegram
Поделиться в whatsapp

Оставьте комментарий

Do NOT follow this link or you will be banned from the site!