Skip to content

Instantly share code, notes, and snippets.

@paceaux

paceaux/smooth-transitions.css

Created April 6, 2012 05:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save paceaux/2317345 to your computer and use it in GitHub Desktop.
Save paceaux/2317345 to your computer and use it in GitHub Desktop.
Download ZIP
CSS3 smooth transitions
Raw
smooth-transitions.css
/*---
Normal state
---*/
a, a:link, a:visited{
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
/*---
Hover State
---*/
a:hover, a:focus{
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment