Is there a way to ease-in-out between 2 border thicknesses?

My code:

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


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

Thanks very much for the help. Sam.

css css-transitions
Edit
Report