Skip to content

Instantly share code, notes, and snippets.

@WebsiteStudents

WebsiteStudents/nav-transition

Created February 11, 2013 21:49
Show Gist options
  • Save WebsiteStudents/4757911 to your computer and use it in GitHub Desktop.
Save WebsiteStudents/4757911 to your computer and use it in GitHub Desktop.
Download ZIP
Use this code to add a subtle, little transition to the hover state of your nav button. Use this code to replace the /* NAV BUTTON STYLE - HOVER TRANSITION */ comment inside the CSS code.
Raw
nav-transition
.mainnav ul li.grissom a {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment