<style>
.navi,.navi2 {
display:inline-block;
width:120px;
color:#585858;font:12px courier;
text-align:center;
padding:3px;
border:1px solid #eee;}
.navi{background:turquoise;}.navi2{background:#ddd;}
.navi:hover,.navi2:hover {
border-bottom:1px solid #888;border-top:1px solid #888;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;}
</style>
<a class="navi2">HOVER</a><br>
<a class="navi">HERE</a><br>
<a class="navi2">HOVER</a><br>
<a class="navi">HERE</a>