Шесть красивых кнопок с parallax эффектом
827материалов
228тем на форуме
3004комментария
6159пользователей

Шесть красивых кнопок с parallax эффектом


Описание:

С возникновением и широким распространением HTML5 (нового стандарта структурирования и представления содержимого Всемирной паутины) и CSS3 (усовершенствованной версии языка описания внешнего вида объектов) стало возможным создавать более интересные и запоминающиеся элементы оформления всех, без исключения, интернет-страниц, включая, конечно, и кнопки.

Установка:

Подключаем CSS:
Код
<link type="text/css" rel="StyleSheet" href="http://webmaster-ucoz.ru/ucoz/css/button.css" />

Кнопка №1 (как в демонстрации)
Код
<a href="/" style="text-decoration:none;color:#ffffff;" class="button gray"><div class="shine"></div>КНОПКА</a>

Кнопка №2 (как в демонстрации)
Код
<a href="/" style="text-decoration:none;color:#ffffff;" class="button blue"><div class="shine"></div>КНОПКА</a>

Кнопка №3 (как в демонстрации)
Код
<a href="/" style="text-decoration:none;color:#ffffff;" class="button green"><div class="shine"></div>КНОПКА</a>

Кнопка №4 (как в демонстрации)
Код
<a href="/" style="text-decoration:none;color:#ffffff;" class="button red"><div class="shine"></div>КНОПКА</a>

Кнопка №5 (как в демонстрации)
Код
<a href="/" style="text-decoration:none;color:#ffffff;" class="button purple"><div class="shine"></div>КНОПКА</a>

Кнопка №6 (как в демонстрации)
Код
<a href="/" style="text-decoration:none;color:#ffffff;" class="button orange"><div class="shine"></div>КНОПКА</a>

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 10.11.2015 в 14:00
Материал просмотрен: 975 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 2 комментария

Пожаловаться
Сказать спасибо

2 комментария


maks@@@
А их можно растинуть в длинну?
Ромчик
Ни как, CSS не резиновый
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта