To add bottom border to nav link follow bellow example:
CSS code:
Paste this code in the style tag
<style type="text/css"> .menubar a:hover, .menubar a:active{ border-bottom:1px solid red; } </style>
HTML code:
<div class="menubar"> <a href="#" class="active">Home</a> <a href="#">About Us</a> <a href="#">Contact Us</a> </div>
Use transation 2s it will give u animated affect
<style type="text/css"> .menubar a:hover, .menubar a:active{ border-bottom:1px solid red; transition: 2s; } </style>
Question and answer is powered by AnsPress.io