---
title: "5 css библиотек для эффектных анимаций"
description: "CSS3 дает веб-дизайнерам много новых возможностей, которые позволяют добавить захватывающую захватыв..."
author: "Kriss"
published: "2016-06-23T12:21:57+00:00"
modified: "2016-06-23T12:31:44+00:00"
locale: "ru"
canonical_url: "https://yvision.kz/post/5-css-bibliotek-dlya-effektnyh-animaciy-699285"
markdown_url: "https://yvision.kz/post/5-css-bibliotek-dlya-effektnyh-animaciy-699285/markdown"
site_name: "Yvision.kz"
---

# 5 css библиотек для эффектных анимаций

> CSS3 дает веб-дизайнерам много новых возможностей, которые позволяют добавить захватывающую захватыв...

CSS3 дает веб-дизайнерам много новых возможностей, которые позволяют добавить захватывающую захватывающие эффекты их работам. Для облегчения создания таких эффектов и были разработаны библиотеки предложенные ниже.

**Animate.css**

** ![](http://storage.yvision.kz/images/user/kriss/AX021kp7Fj0PqFdk5QsTSx0m23YrY0.png) **

Animate.css - это набор из более чем 60 эффектов css, разработанный Даниэлем Эденом, дизайнером не безызвестного Dropbox.

[Дэмо](http://daneden.github.io/animate.css/) [Скачать](https://github.com/daneden/animate.css)

### Hover.css

![](http://storage.yvision.kz/images/user/kriss/RvhIPy212dRwNNjd4FSpTu9tptGQ51.png)

Hover.css - это большая коллекция состоящая из 48 CSS3 hover эффектов.

[Дэмо](http://ianlunn.github.io/Hover/) [Скачать](https://github.com/IanLunn/Hover)

**FancyInput**

![](https://storage.yvision.kz/images/user/kriss/VFY6q0uVdzk15253E6JoSTN84q1p91.jpg)

FancyInput - довольно интересная CSS библиотека для взаимодействия с полями ввода, input textfield. Она позволяет добавить различные эффекты при заполнении пользователем полей формы.

[Дэмо](http://yaireo.github.io/fancyInput/) [Скачать](https://github.com/yairEO/fancyInput)

**Magic**

** ![](https://storage.yvision.kz/images/user/kriss/QKio55RxxeMnvhxKXXL1mCSZl8jvPZ.jpg) **

magic - проект вдохновлен работой Даниэля Эдена Animate.css. С помощью данной библиотеки вы сможете легко вызвать CSS анимацию и переходы. Добавление анимации осуществляется путем подстановки классов при событиях с использованием JQuery.

[Дэмо](http://www.minimamente.com/example/magic_animations/) [Скачать](http://)

**Effeckt.css**

### ![](http://storage.yvision.kz/images/user/kriss/BEs4fffap4XxJPVG6jwScUxaajmko6.png)

Effeckt.css - плагин, который до сих пор находится в стадии разработки, но вместе с тем заслуживающий внимания. Разработчики Effeckt.css трудятся над созданием первой мобильной библиотекой анимации и переходов основанной на CSS. Effeckt.css делает свой основной акцент на производительности.

[Дэмо](http://h5bp.github.io/Effeckt.css/) [Скачать](https://github.com/h5bp/Effeckt.css/)

---

Source: [https://yvision.kz/post/5-css-bibliotek-dlya-effektnyh-animaciy-699285](https://yvision.kz/post/5-css-bibliotek-dlya-effektnyh-animaciy-699285)