경계 두께 전이

Question

경계 두께를 2 줄 사이로 줄이는 방법이 있습니까?

내 코드 :

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