css - ボーダーの太さの変化

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