Рейтинг@Mail.ru

Библиотеки CSS-эффектов для сайта

: в разделе: Open Source
7951

cssstyle

CSS-анимация и трансформация повышает интерактивность сетевых ресурсов, т.к. расширяет возможности веб-дизайна. CSS-эффекты различных элементов и модулей привлекательно смотрятся и повышают удобство пользования интерфейсом. Но кодить все подряд лично или заказывать разработку индивидуально нет необходимости - можно воспользоваться библиотеками CSS-эффектов. Хорошо известные примеры таких собраний - Animate, Effect, fancyInput, Hover, magic.

Animate

Библиотека Animate.css создана дизайнером Dropbox Даниэлем Эденом, в ней содержится свыше 60 эффектов. Запускается довольно просто: в CSS-файле после указывается класс animated и нужный эффект. Кроме самой библиотеки, у автора можно скачать демо-версию и документацию.


Демо

Документация

Где скачать

Effect

Это библиотека CSS-эффектов для мобильных гаджетов. Проект развивается, ориентирован на практичность применения (каждый эффект в составе коллекции проходит проверку дизайнеров). Недостаток у этой библиотеки лишь один: при 60 fps глючит.


Где скачать

fancyInput

Этот плагин совершенно не поддерживает IE. Функционирует он с HTML-тегами (input textarea), т.е. CSS-эффекты с его помощью вставляются через форму. Запускается, соответственно, функцией .fancyInput(); input должен находиться в div. Библиотека оснащена документацией и демо-версией.

Демо

Документация

Где скачать

Hover

Коллекция эффектов от Яна Лунна насчитывает 48 вариантов CSS3-типа, причем каждый продублирован и в SASS-виде. Запуск их осуществляется аналогично Animate – в CSS-файле после прописывают класс animated и нужный эффект. Демо и документация прилагаются.

Демо

Документация

Где скачать

magic

Это совместное детище miniMAC (итальянский разработчик) и вышеупомянутого автора Animate.css. Библиотека состоит из CSS3-эффектов, которые запускаются jQuery, т.е. эти приложения работают скоординированно (в JavaScript задается обработка событий и включение прописанных эффектов). Чтобы использовать magic, нужно в CSS-файле после вписать в код ее адрес. Эта библиотека также оснащена демо-версией и документацией.

Демо

Документация

Где скачать

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

0
Привязка к тегам css web

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

Гость Понедельник, 17 Июнь 2019