0

Сделал при наведении на ссылку внутреннюю тень, но когда я навожу на неё, появляется нижняя обводка.

Вот код:

.offer__btn {
  color: #fff;
  background: #FF9600;
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
  padding: 10px 30px;
  font-family: Arial, sans-serif;
  text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000, 3px 3px 6px #000;
  transition: all .3s ease;
}

.offer__btn:hover {
  -webkit-box-shadow: inset 0 0 15px 5px #000;
}
<a href="#" class="offer__btn btn">Заказать звонок</a>

2
  • 1
    Странно, код дает правильный результат. Возможно, нарушен порядок стилей. Добавьте больше информации. 28 мар 2019 в 20:02
  • не вижу никакой нижней обводки. Только тень. Проверьте ваш браузер, может он совсем древний =) 29 мар 2019 в 16:20

1 ответ 1

0

Стиль написан валидно! (по крайней мере при добавлении только этих стилей, выполняется все как задумано). Проверяйте что написано в стилях в уровнях выше - a или .btn, соответственно с их свойствами :hover

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.