Логин:
Пароль:
Страница 1 из 11
Форум » О uCoz » Скрипты » Эффект при наведении на картинка на CSS3
Эффект при наведении на картинка на CSS3
AndreyДата: Среда, 08.04.2015, 14:52:27 | Сообщение # 1
Технарь
Offline
3

Классные эффект при наведении на картинка на CSS3. Что рассказывать, в примере всё увидите сами

Тест на Фидле

Сначала после </head> пропишем CSS со стилями:
Код
<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"

Материал подготовил: Andrey
Для того чтоб скачать прикреплённые файлы нужно Зарегестрироватся, или войти на сайт под своим логином
 
профиль
Форум » О uCoz » Скрипты » Эффект при наведении на картинка на CSS3
Страница 1 из 11
Поиск: