Главная » Файлы » Прочие скрипты » CSS

Классные эффекты при наведении на картинки на CSS3 для uCoz
[ Скачать с сервера (6.7 Kb) ] 07.12.14, 10:19:04



Неплохие эффекты при наведении на картинки. Смотрите примеры и сами всё увидите

Для начала посмотрите ДЕМО

Моё тестирование в фидле: КЛИК

Установка:

После < /head > на нужных страницах вставьте:
Код
<link rel="stylesheet" type="text/css" href="/css/ohover.css"/>


Пример оформления картинки с нужным эффектом при наведении:
Код

<div class="example">
<div class="row">
<div class="row-2">
<div class="item-hover circle effect1"><a href="#">
<div class="spinner"></div>
<div class="img"><img alt="img" src=
"Ссылка на картинку"></div>
<div class="info">
<div class="info-back">
<h3>Заголовок</h3>
<p>Описание</p>
</div>
</div>
</a></div>
</div>


Обратите внимание на участок class="item-hover circle effect1" - это номер эффекта. Нумерация эффектов есть как в демо, так и в моём тестировании в фидле

Файл стиля из прикреплённого архива залейте в папку css

Материал подготовлен Apocalypse

Категория: CSS | Добавил: Apocalypse | Теги: при, ucoz, на, наведении, CSS3, картинки, эффекты, классные, для
Просмотров: 929 | Загрузок: 229 | Рейтинг: 1.0/2
Всего комментариев: 0
Имя *:
Email: