• Страница 1 из 1
  • 1
Форум » Веб-разработка » Скрипты для сайтов HTML » Современная 3D кнопка для сайта на CSS (Красиво созданная в формате 3D красивая кнопка CSS)
Современная 3D кнопка для сайта на CSS
Kosten
Дата: Воскресенье, 2018-11-25, 19:18 | Сообщение 1
Администраторы
Сообщений:18865
Награды: 55


Иногда веб мастеру приходится создать оригинальную кнопку, что можно сделать уже созданного формата, который на кнопки идет в 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;
}


Демонстрация
Прикрепления: 2850639.png(1.9 Kb) · 9136271.png(1.9 Kb)
Страна: (RU)
Форум » Веб-разработка » Скрипты для сайтов HTML » Современная 3D кнопка для сайта на CSS (Красиво созданная в формате 3D красивая кнопка CSS)
  • Страница 1 из 1
  • 1
Поиск: