Помогите с css. Не отображается кнопка на сайте.

Александр Сенс Александр Сенс   08.08.2018 22:00   930  
Кнопка на странице игнорирует стиль который указан в css. В чем может быть причина? Спасибо.

<a class="button_1" href="https://pr-cy.ru/jump/?url=https%2Fsite.ru%2Fcatalog%2F">KNOPKA</a>

_______________________________________________________________

.button_1 a {  text-decoration: none;  outline: none;  display: inline-block;  padding: 20px 30px;  margin: 10px 20px;  position: relative;  color: white;  border: 1px solid rgba(255,255,255,.4);  background: none;  font-weight: 300;  font-family: 'Montserrat', sans-serif;  text-transform: uppercase;  letter-spacing: 2px;}
.button_1 a:before, .button_1 a:after {  content: "";  position: absolute;  width: 0;  height: 0;  opacity: 0;  box-sizing: border-box;}
.button_1 a:before {  bottom: 0;  left: 0;  border-left: 1px solid white;  border-top: 1px solid white;  transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;}
.button_1 a:after {  top: 0;  right: 0;  border-right: 1px solid white;  border-bottom: 1px solid white;  transition: 0s ease opacity .4s, .2s ease width , .2s ease height .2s;}
.button_1 a:hover:before, .button_1 a:hover:after{  height: 100%;  width: 100%;  opacity: 1;}
.button_1 a:hover:before {transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;}.button_1 a:hover:after {transition: 0s ease opacity .4s, .2s ease height .4s , .2s ease width .6s;}.button_1 a:hover {background: rgba(255,255,255,.2);}

Ответы на вопрос (6) Написать ответ
SDmitriyS SDmitriyS   09.08.2018 07:12
a.button_1 {}
1
vadim vadim   09.08.2018 12:19
Те же яйца, только вид сбоку.
0
vadim vadim   09.08.2018 12:18
А может за этим css-файлом следом подключается еще один css-файл, где свойства класса переопределяются?
0
SDmitriyS SDmitriyS   09.08.2018 12:23
Да ладно, с какого такого боку? https://jsfiddle.net/vn1ok2r4/
0
dimkass dimkass   09.08.2018 14:12
Пациента покажите.
0
Александр Сенс Александр Сенс   09.08.2018 14:25
Стесняюсь.
0

Войдите, чтобы написать ответ
Вход Регистрация

Самая большая база ключей ваших конкурентов. Создавай эффективные сайты, используя лучшую базу в рунете!