Question

当我尝试为导航项和鼠标关闭项应用过渡时，该项目仅对mouseon使用过渡，而对mouseoff不使用。

https://jsfiddle.net/grflint2/hp4qfma5/ 有此代码。我在transition: border-color 0.1s, padding 0.1s;选择器和普通选择器上使用了:hover，但仍然无法正常工作。

我希望它以与您将鼠标悬停在它上面时相同的方式过渡。为什么不这样做呢？

Answer 1

您错误地设置了转换。您使用的是“ padding”一词，而不是“ padding-bottom”。无论如何，您可以将所有名称全部删除，然后放入“全部”，因为它们的计时相同。因此，例如，您可以更改具有以下代码的行

      transition: border-color 0.1s, padding 0.1s;

改为下面的代码...（我放慢了速度，以便可以看到更改）

     transition: all .5s;

Answer 2

在初始状态下更改了您的边界

border-bottom: 0px solid rgba(255,255,255,0);

到

border-bottom: 4px solid transparent;