边界厚度过渡

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;
}