Skip to content

Instantly share code, notes, and snippets.

@esteluk

esteluk/styles.css

Created May 14, 2012 00:55
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 esteluk/2691005 to your computer and use it in GitHub Desktop.
Save esteluk/2691005 to your computer and use it in GitHub Desktop.
Download ZIP
CSS Styles for greyscale image hover
Raw
styles.css
.image {
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}
.image:hover {
filter: none; /* Applies to FF + IE */
-webkit-filter: grayscale(0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment