Skip to content

Instantly share code, notes, and snippets.

@shaundon
Created September 18, 2012 20:00
Show Gist options
  • Save shaundon/3745482 to your computer and use it in GitHub Desktop.
Save shaundon/3745482 to your computer and use it in GitHub Desktop.
Button Toggle Hover State
.button_toggle:hover {
color:#333;
}
.button_toggle:active {
background-color:#dcdcdc;
color:#555;
background-image:-webkit-gradient(linear,left top,left bottom,from(#dcdcdc),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#e6e6e6,#dcdcdc);
background-image:-moz-linear-gradient(top,#e6e6e6,#dcdcdc);
background-image:-ms-linear-gradient(top,#e6e6e6,#dcdcdc);
background-image:-o-linear-gradient(top,#e6e6e6,#dcdcdc);
background-image:linear-gradient(top,#e6e6e6 0,#dcdcdc 100%);
box-shadow: inset 0 1px 2px #888; /* inner shadow */
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6',EndColorStr='#dcdcdc');
text-shadow:0 1px 0 #fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment