Question

Здравствуйте! Все сделал как сказано в уроках, а кнопка так и не отображается, только ссылка. Помогите пожалуйста. Второй день уже пробую... 

Вот как должно быть https://codepen.io/egrucza/pen/yyWGbN

 

А на странице у меня ссылка Coinpot крани.

как обычная ссылка, а не кнопка. Помогите пожалуйста. Спасибо.

Answer 1

Здесь слишком много нагромаждено для это кнопки. Прочтите материал http://shpargalkablog.ru/2012/04/css-knopki.html там все гораздо проще и без лишнего мусора.

Если же оставлять кнопку которая есть, тогда те стили которые вы установили лучше заменить на:

.btn {
 display: block;
 height: 50px;
 width: 186px;
 position: relative;
 overflow: hidden;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 2px;
 font-size: 14px;
 text-align: center;
} 
 .btn:after {
 content:'';
 display: inline-block;
 background: rgba(59,173,227,1);
 background: linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
 height: 50px;
 width: 372px;
 z-index: -1;
 }
 
.btn:hover {
.btn:after {
 transform: translateX(-200px);
 }
 }
.btn span {
 position: relative;
 top: 26px;
 }
}

Comments

Я заменил, оно просто вообще не меняет на кнопку... Никакую... Может я не верно устанавливаю что то?

---

Андрей Васюта,

То что вы ранее устанавливали удалить нужно было. После установить что я говорю, далее очистить кеш в браузере https://ukit.com/ru/help/kak-ochistit-cahe вы же установили все вместе вперемешку что нужно и что не нужно.

---

Yuri_Geruk,

Спасибо! Буду пробовать по проще создать кнопку)