主页 / 问题 / 872946
Accepted
Keeplod
Asked:2020-08-24 19:59:12 +0000 UTC2020-08-24 19:59:12 +0000 UTC

悬停对极，移动鼠标时如何使反向效果变慢？

  • 772

我想让它在悬停时改变颜色，并以相同的速度移动它。但事实证明他立即返回颜色，告诉我怎么做？

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>

css

1 个回答

  1. Best Answer

    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>

    过渡需要移动

    • 4

相关问题