Skip to content

Instantly share code, notes, and snippets.

@showroom101
Forked from tonmanna/GrayScale.css
Last active October 17, 2016 04:20
Show Gist options
  • Save showroom101/7cc1e96de1a9f2a5a492c5d763046a4b to your computer and use it in GitHub Desktop.
Save showroom101/7cc1e96de1a9f2a5a492c5d763046a4b to your computer and use it in GitHub Desktop.
Css GrayScale website
img {
-moz-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
-o-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
-webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
filter: grayscale(100%) !important;
}
p, h1, h2, h3, h4, body ,ol, ul, button, a , a:hover{
-moz-filter: url("data:image/svg+xml;utf8,<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>#grayscale") !important;
-o-filter: url("data:image/svg+xml;utf8,<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>#grayscale") !important;
-webkit-filter: grayscale(100%) !important;
filter: gray !important;
}
.itopplus-background{
background-blend-mode: luminosity !important;
background-color: #ffffff !important;
}
.nav{
background :none;
background-color:black !important;
color : white !important;
}
.nav-menu{
background :none;
background-color:black !important;
color : white !important;
}
.navbar-default
{
background :none;
background-color:black !important;
color : white !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment