Skip to content

Instantly share code, notes, and snippets.

@duikb00t

duikb00t/gist:d16820bacf4b78425cde

Forked from gedankennebel/gist:a4c9367cda02ad7e826f
Created November 9, 2015 14:38
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save duikb00t/d16820bacf4b78425cde to your computer and use it in GitHub Desktop.
Save duikb00t/d16820bacf4b78425cde to your computer and use it in GitHub Desktop.
Download ZIP
CSS grayscale filter (go from grayscale to full color on hover) #css #sethneilson
Raw
gistfile1.css
img:hover {
-webkit-filter: grayscale(0%);
-webkit-transition: .5s ease-in-out;
-moz-filter: grayscale(0%);
-moz-transition: .5s ease-in-out;
-o-filter: grayscale(0%);
-o-transition: .5s ease-in-out;
filter: grayscale(0%);
}
img {
-webkit-filter: grayscale(100%);
-webkit-transition: .5s ease-in-out;
-moz-filter: grayscale(100%);
-moz-transition: .5s ease-in-out;
-o-filter: grayscale(100%);
-o-transition: .5s ease-in-out;
filter: grayscale(100%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment