Skip to content

Instantly share code, notes, and snippets.

@Rameshwar-ghodke

Rameshwar-ghodke/on hover show underline with animation effect

Created January 22, 2021 04:21
Show Gist options
  • Save Rameshwar-ghodke/ad8f26d069579d168c45638032421352 to your computer and use it in GitHub Desktop.
Save Rameshwar-ghodke/ad8f26d069579d168c45638032421352 to your computer and use it in GitHub Desktop.
Download ZIP
on Menu item - mouse hover show transition effect on website
Raw
on hover show underline with animation effect
.navbar-nav li a:after {
content: '';
display: block;
height: 2px;
background: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: scale(0);
transform: scale(0);
margin-top: 4px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment