3

Хотел сделать чтобы при наведении менял цвет, а при отведении с такой же скоростью обратно. Но получилось что обратно он возвращает цвет моментально, подскажите как сделать?

a {
  font-family: pf_square_sans_proregular;
  text-decoration: none;
  color: #000000;
  padding: 7.5px 10px 7.5px 8px;
  height: 30px;
  width: 222px;
  display: block;
}

a:hover,
li {
  background: #171B25;
  transition: all 2s ease;
}

a:hover .text {
  color: white;
  transition-duration: 0.5s;
}
<a href="/alfa" class="game">
  <span class="icon-game"></span>
  <div class="text">Играть</div>
</a>

1 ответ 1

4

a {
  font-family: pf_square_sans_proregular;
  text-decoration: none;
  color: #000000;
  padding: 7.5px 10px 7.5px 8px;
  height: 30px;
  width: 222px;
  display: block;
  transition: all 2s ease;
}

a:hover,
li {
  background: #171B25;
}

a:hover .text {
  color: white;
  transition-duration: 0.5s;
}
<a href="/alfa" class="game">
  <span class="icon-game"></span>
  <div class="text">Играть</div>
</a>

Transition перенести необходимо

1
  • Спасибо большое, пойду еще почитаю об этом)
    – Keeplod
    24 авг 2018 в 12:13

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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