Skip to content

Instantly share code, notes, and snippets.

@softiconic
Last active December 2, 2023 18:47
Show Gist options
  • Save softiconic/91c46e51b12a6608d010db395a74218c to your computer and use it in GitHub Desktop.
Save softiconic/91c46e51b12a6608d010db395a74218c to your computer and use it in GitHub Desktop.
Display a Google Map in grayscale.
#map
{
filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment