Skip to content

Instantly share code, notes, and snippets.

@guitehub

guitehub/.grayscale-hover

Created June 6, 2016 13:33
Show Gist options
  • Save guitehub/80c88180ddedb7ac5e530ccbf0735fd4 to your computer and use it in GitHub Desktop.
Save guitehub/80c88180ddedb7ac5e530ccbf0735fd4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
.grayscale-hover
.grayscale-hover {
filter: grayscale(100%);
-o-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
}
.grayscale-hover:hover, .grayscale-hover:active {
filter: grayscale(0%);
-o-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment