Вернуться на предыдущую страницу

Нередко нам хочется сделать сайт более уникальным за счет использования различных эффектов. Но как их создать, применять... ведь это все время, которого порой не хватает. Но на помощь приходит Hover Master – мастерская эффектов CSS 3, которые сделают Ваш сайт самым привлекательным и оригинальным.

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

<link href='css/hover-min.css' rel='stylesheet' type='text/css' />

Классы, которые доступны для применения можно найти в этом файле или в файле демонстрации, открыв исходный код или посмотрев код с помощью инструментов для разработчика (Ctrl+Shift+C).

Например, после того, как Вы подключили hover.css (или hover-min.css), Вы сможете использовать класс:

<a href="#" class="hvr-rectangle-out">Rectangle Out</a>

Более подробно объясняется в видео.

API:

<link href="https://f.inverser.pro/files/scripts/0/hover_master/css/hover.css" rel="stylesheet" type="text/css" />
<link href="https://f.inverser.pro/files/scripts/0/hover_master/css/hover-min.css" rel="stylesheet" type="text/css" />

Демонстрация страницы из видео.

Hover Master

Файлы Hover Master:

Скачать Hover Master
DEMO