КРАСИВАЯ КНОПКА CSS НА ВАШЕМ САЙТЕ

Как добавить красивую, оригинальную кнопку в навигацию вашего сайта?

Это можно сделать, если добавить в код страниц вашего сайта строки 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;
}

Спасибо за внимание.

НАЗАД К СТАЬЯМ