Как добавить красивую, оригинальную кнопку в навигацию вашего сайта?
Это можно сделать, если добавить в код страниц вашего сайта строки HTML и CSS!
В качестве примера приведу два фрагмента кода и саму кнопку
Код красивой кнопки на CSS
<button class="noselect"></button>
CSS код кнопки размещения на сайте
body {
background-image: linear-gradient
(315deg, #525252 0%,
#393f4a 74%);
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
button {
width: 250px;
height: 30px;
cursor: pointer;
border: none;
display: flex;
align-items: center;
background: transparent;
background-image: linear-gradient
(70deg,#0ebeff,#ffdd40,
#ae63e4,#47cf73);
background-size: 100% 10%;
background-position: bottom;
background-repeat: no-repeat;
}
button:before {
content: 'CREATE';
color: #ccc;
transition: 1s;
}
button:hover:before {
transform: scale(2) translateX(33%);
letter-spacing: 10px;
background: -webkit-linear-gradient
(70deg,#0ebeff,#ffdd40,
#ae63e4,#47cf73);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
button:focus {
outline: none;
}
Спасибо за внимание.
НАЗАД К СТАЬЯМ