Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Фоновое изображение в пол... (0)
Как сделать рейтинг карти... (0)
Проверка качества пароля ... (0)
Генератор пароля для uCoz (0)
Дополнительные смайлы в к... (0)
У костра (191)
Анекдоты (145)
Города (94)
Обновление сайта (67)
Создание НПС (63)
StraNNik (1327)
RamzeS (523)
Каратель (178)
Narkostalker (127)
Кракен (93)
avto-lady (02.12.2019)
alldaniser (18.11.2019)
pojar (06.10.2019)
pavelink45 (05.10.2019)
dimacss2 (18.09.2019)
  • Страница 1 из 1
  • 1
Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Светящаяся кнопка rip Бармен
Светящаяся кнопка rip Бармен
StraNNik
StraNNik
Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1327
Карма: 28 | Хабар: 10
Слышу гимн зашитых ртов
Дата: Вторник, 25.06.2019, 18:54/ Сообщение №: 1


Рипал: Бармен

Ссылка на скачивание!
Вставляем туда куда вам нужно:

Код
<div class="promo--button button"><span>Скачать</span></div>

CSS:

Код
@import url('https://fonts.googleapis.com/css?family=Cormorant+SC&display=swap&subset=cyrillic,cyrillic-ext');
.button {
     width: 430px;
     cursor: pointer;
     position: relative;
     height: 130px;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 22px;
     font-family: 'Cormorant SC', serif;
     line-height: 22px;
}
@media (max-width: 720px) {
     .button {
         width: 300px;
         height: 90px;
         font-size: 16px;
         font-family: 'Cormorant SC', serif;
         line-height: 22px;
    }
}
.button::before, .button::after {
     background-image: url(/glowing/button/img/Glowing_Button.png);
     background-size: 100% auto;
     background-repeat: no-repeat;
     content: '';
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     transition: opacity 0.5s ease-out;
}
.button::before {
     background-position: center top;
     opacity: 1;
}
.button::after {
     background-position: center bottom;
     opacity: 0;
}
.button:hover::before,
.button:active::before {
     opacity: 0;
}
.button:hover::after,
.button:active::after {
     opacity: 1;
}



Тихо на улице, пусто в квартире..Спасибо реактору №4

Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Светящаяся кнопка rip Бармен
  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Yandex.Browser
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-06.12.2019