Перейти к публикации
.V.I.P.

Кнопка с эффектом

Рекомендованные сообщения

1.png

Посмотреть Демо

HTML

<a class="staffGame1" href="https://ipsguru.ru/" rel="">FAQ для новичка</a>

CSS

.staffGame1 {
    color: #FFFFFF;
    display: inline-table;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    width: 160px;
    background: linear-gradient(to bottom, #209DCA, #292d32) repeat scroll 0 0 / 100% 200% rgba(0, 0, 0, 0);
    transition: all 0.5s linear 0s;
    border-bottom: 4px solid #bdbdbd;
    border-radius: 10px 10px 0px 0px;
}
.staffGame1:hover,.staffGame1:focus{
    background-position: 0 -102%;
}

Цвет текста при наведении будет зависит от настроек вашего форума.

  • Повысить 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Guest
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.


  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...