Эффект при наведении на картинку на CSS3
993
10 из 10
Проголосовало: 7
Проголосовало: 7
- Скачать с сервера
- Скачать
Не плохо решение если Вы хотите как-то разнообразить Ваш сайт. Очень красивое решение, которое можно подделать под себя если не много знать css и html. Мне кажется очень красиво сделали, так что забирайте и пробуйте ставить.
Установка:
1. Скачать архив и залить папки img и css в корень сайта.
2. После /head на нужных страницах вставьте:
Код
<link rel="stylesheet" type="text/css" href="/css/figure.css">
3. Галерея картинок оформляется вот так:
Код
<div id="box" class="burst-circle teal">
<div class="caption"></div>
<img src="Ссылка_на_картинку">
<h1>Описание к картинке</h1>
</div>
<div id="box" class="burst-circle strawberry">
<div class="caption"></div>
<img src="Ссылка_на_картинку">
<h1>Описание к картинке</h1>
</div>
<div id="box" class="burst-circle grape">
<div class="caption"></div>
<img src="Ссылка_на_картинку">
<h1>Описание к картинке</h1>
</div>
<div id="box" class="burst-circle orange">
<div class="caption"></div>
<img src="Ссылка_на_картинку">
<h1>Описание к картинке</h1>
</div>
<div class="caption"></div>
<img src="Ссылка_на_картинку">
<h1>Описание к картинке</h1>
</div>
<div id="box" class="burst-circle strawberry">
<div class="caption"></div>
<img src="Ссылка_на_картинку">
<h1>Описание к картинке</h1>
</div>
<div id="box" class="burst-circle grape">
<div class="caption"></div>
<img src="Ссылка_на_картинку">
<h1>Описание к картинке</h1>
</div>
<div id="box" class="burst-circle orange">
<div class="caption"></div>
<img src="Ссылка_на_картинку">
<h1>Описание к картинке</h1>
</div>
Внимание:
Обратите внимание на класс burst-circle – вы можете использовать один из нескольких классов для применения одного из нескольких эффектов, соответственно. На данный момент доступны классы: burst-circle, burst-rumb,burst-up, burst-side, triangle, triangle-side..
Автор публикации: Загрузка
Загрузка
- Оставить первым комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
 |  |  |  |  |  |
 |  |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2025 г.
- Design by Вовчик Администратор:)