2013-03-12 6 views
7

2つのボーダーの太さの間に緩和の方法がありますか?ボーダーの太さの変化

マイコード:

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


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

おかげで助けのために非常に多くの。 サム。

答えて

11

確かに、ちょうどa要素にborderborder-widthを移行:境界線の色が変わらない場合

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

、私もホバーでこれを示唆している: 'NAV A:ホバー{のborder-bottom-幅:3px; } '。このようなコードを維持する方が簡単です。 – edmundo

関連する問題