css - 边框粗细过渡

Question

有没有办法在两个边框厚度之间缓入缓出？

我的代码:

nav a {
border-bottom: 1px solid #AADA4B;
}


nav a:hover {
border-bottom: 3px solid #AADA4B;
}

非常感谢您的帮助。山姆。

Answer 1

当然，只需在 a 元素上转换 border 或 border-width:

nav a {
/* -moz-, -o-, -webkit- prefixes omitted for brevity */
transition: border-width 0.1s ease-in-out;
border-bottom: 1px solid #AADA4B;
}