Иногда веб мастеру приходится создать оригинальную кнопку, что можно сделать уже созданного формата, который на кнопки идет в 3d. Где дизайн простой и понятный, но также имеет эффект, не такой, чтоб кликнув или нажатие кнопки, здесь совершенно другой, но функционально они схоже. Здесь идет нажатие и сразу установка по умолчанию, и также изменение оттенка цвета.
При заходе на сайт:
При наведение:
HTML
Код
<button id="convinto-customed" type="submit" form="zayavka">Ключевое слово</button>
CSS
Код
#convinto-customed {
display: block;
margin: 0 auto;
width: 387px;
height: 38px;
border: none;
background: #136f0e;
color: #efecec;
font: bold 16px 'Arial', sans-serif;
cursor: pointer;
box-shadow: 0 4px 0 #0d330c;
border-radius: 3px;
}
#convinto-customed:hover{
transition: .7s;
background: #ce5809;
box-shadow: 0 5px 0 #a24b11;
}
Демонстрация
