边框厚度过渡

Question

有两种方法可以在两种边框厚度之间缓出来吗？

我的代码：

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


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

非常感谢您的帮助。 Sam。

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