Skip to content

Instantly share code, notes, and snippets.

@sliceofbytes
Forked from internoma/style-desaturate.css
Created July 18, 2018 14:08
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 sliceofbytes/a8c3e229f02f3bf56fc231e8330dd54b to your computer and use it in GitHub Desktop.
Save sliceofbytes/a8c3e229f02f3bf56fc231e8330dd54b to your computer and use it in GitHub Desktop.
Desaturate & saturate css3
.desaturate {
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
filter: url(resources.svg#desaturate); /* Gecko */
filter: gray; /* IE */
-webkit-filter: grayscale(1); /* Old WebKit */
}
.saturate {
filter: grayscale(0%); /* Current draft standard */
-webkit-filter: grayscale(0%); /* New WebKit */
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%); /* Not yet supported in Gecko, Opera or IE */
filter: url(resources.svg#desaturate); /* Gecko */
filter: none; /* IE */
-webkit-filter: grayscale(0); /* Old WebKit */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment