主页 / 问题 / 1227632
Accepted
Meth0d
Asked:2022-01-06 03:36:42 +0000 UTC2022-01-06 03:36:42 +0000 UTC

链接转换无法正常工作

  • 772

问题是链接不仅在悬停时发生变化，而且只是在页面刷新时发生变化。那些。最初它们是蓝色的，然后逐渐变成灰色并从身体获得体积和高度。

body {
  font-family: 'Kanit', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #070707;
}

.menu__list {
  display: flex;
  justify-content: space-between;
}

.menu__list-link {
  text-decoration: none;
  color: #828282;
  transition: all 1.5s;
}

.menu__list-link:hover {
  color: #070707;
}
<nav class="menu">
  <ul class="menu__list">
    <li class="menu__list-item">
      <a class="menu__list-link" href="#">Home</a>
    </li>
    <li class="menu__list-item">
      <a class="menu__list-link" href="#">About me</a>
    </li>
    <li class="menu__list-item">
      <a class="menu__list-link" href="#">Skills</a>
    </li>
    <li class="menu__list-item">
      <a class="menu__list-link" href="#">Portfolio</a>
    </li>
    <li class="menu__list-item">
      <a class="menu__list-link" href="#">Contacts</a>
    </li>
  </ul>
</nav>

我不知道有什么问题？在另一个项目中，在类似的情况下，一切正常。我也不能google，因为我不知道如何简要描述这个问题。

视频链接

html

1 个回答

  1. Best Answer

    为了确保加载时没有动画，您可以使用keyframes或执行以下操作：

    .load * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

    和

    $(window).load(function() {
  $("body").removeClass("load");
});

    答案在这个线程中找到。谢谢11111000000。

    • 1

相关问题