Skip to content

Instantly share code, notes, and snippets.

@ramzesimus
Created October 22, 2012 12:30
Show Gist options
  • Save ramzesimus/3931302 to your computer and use it in GitHub Desktop.
Save ramzesimus/3931302 to your computer and use it in GitHub Desktop.
CSS: Greyscale Effect
filter: grayscale(100%);
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
<svg xmlns="http://www.w3.org/2000/svg">
<filter id="grayscale">
<feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/>
</filter>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment