Вакантно Возвышайте свои слова, а не голос. Цветы растут от дождя, а не от громa.… Задавайте все интересующие вопросы здесь https://babaka.website

Колибри- 24-ру

Объявление



Яндекс.Погода
у лета есть для нас в запасе жара и грозы и дожди, но ты не думай о ненастье тепла и солнца жди

Администраторы:

Апостол
Киса

Частые посетители:

Юльчик
Няшка
Киса

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Колибри- 24-ру » CSS-Коды для чатов-Chatovod.ru » кнопка


кнопка

Сообщений 1 страница 2 из 2

1

Код:
Код:
#join-chat-button {
  display: inline-block;
  color: black;font-family: Monotype Corsiva;
  font-size: 125%;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border: 1px solid rgb(250,172,17);
  border-radius: 7px;
  background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
} 
#join-chat-button {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
#join-chat-button:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: rgba(177,159,0,1);
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}

0

2

Код:
#join-chat-button {
color: #000000;font-family: Monotype Corsiva;
padding: 10px;
font-size: 15px;
border-radius: 5px;
box-shadow: 0px 1px 3px; 
position: relative;
box-sizing: border-box;
transition: all 500ms ease-out;
}
#join-chat-button:hover {
box-shadow: 0px 0px 0px 2px #ee105a,
    0px 0px 0px 7px #a7f9c9,
    0px 0px 0px 9px #f90914,
    0px 0px 5px 10px #ff4d00;
}

0


Вы здесь » Колибри- 24-ру » CSS-Коды для чатов-Chatovod.ru » кнопка


Рейтинг форумов | Создать форум бесплатно