边界厚度过渡

Question

有没有办法在2个边框厚度之间进行缓入？

我的代码：

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


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

非常感谢你的帮助。 萨姆。

Answer 1

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

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