Хочу вам предоставить кнопку для вашего сайта которая выглядит сама по себе интересно и оригинально.
Сразу хочу сказать то что не я её автор, то есть не я её делал, она просто была замечена мною на одном uCozovskom сайте и я не мог её упустить из глаз.
вот сама ссылка этой кнопки.
Код
<a href="ваша ссылка" class="to_play_2" target="_blank" rel="nofollow">Кнопка</a>
Её мы ставим естественно в то место на сайте где вы считаете ей самое место. Где написано Кнопка там пишем своё название кнопки, а где написано ваша ссылка там укажите адрес сайта или ссылку куда нужно переходить пользователю когда он нажмёт на эту чудо кнопку.
Теперь в стили вашего сайта добавьте вот этот кусочек стилей кнопки.
Код
.to_play_2 {
display: inline-block;
padding: 7px 30px;
background-color: #B03C3C;
color: #ffffff;
position: relative;
font-family: Play;
float: right;
}
.to_play_2:before {
background-color: rgba(255,255,255,0.3);
content: "";
width: 80px;
height: 40px;
position: absolute;
left: -40px;
top: -10px;
transform: rotate(-45deg);
}
.to_play_2:hover {
background-color: #658539;
color: #ffffff;
}
На этом всё!
