Skip to content

Instantly share code, notes, and snippets.

@painejake
Created May 1, 2012 21:37
Show Gist options
  • Save painejake/2571629 to your computer and use it in GitHub Desktop.
Save painejake/2571629 to your computer and use it in GitHub Desktop.
Creating a cool smooth CSS3 hover transition effect
#social a {
opacity: 0.4;
filter: alpha(opacity=40)
transition: opacity .50s ease-in-out;
-moz-transition: opacity .50s ease-in-out;
-webkit-transition: opacity .50s ease-in-out;
}
#social a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment