регистрация
856материалов
3307комментариев
234темы на форуме
6953пользователя

Шесть красивых кнопок с 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
Материал просмотрен: 1288 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 3 комментария

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

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


maks@@@
А их можно растинуть в длинну?
Ромчик
Ни как, CSS не резиновый
e
Илья @elaim 26.08.2017 10:493
0
Подскажите, как эту кнопку задействовать как "кнопка скачать"
Вставляю это, но кнопка отображается криво и скачивания не происходит:
Код
<?if($FILE_URL$)?><a href=""$FILE_URL$"" style="text-decoration:none;color:#ffffff;" class="button gray" title="Скачать: $ENTRY_TITLE$"><div class="shine"></div>DOWNLOAD</a><?endif?>
avatar
Хотите сайт всего за 10 дней?
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 2
Гостей: 2
Пользователей: 0