邊框厚度過渡

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