Turn the entire interface of the website or web page into black and white and gray tones css code-CSS Tutorial-php.cn

Turn the entire interface of the website or web page into black and white and gray tones css code

巴扎黑

Release： 2017-06-09 14:24:53

Original

5282 people have browsed it

Turn the entire interface of the website or web page into black and white and gray tones css code

Not much to say, please look at the code to turn the website or web page into black and white

Web page black and white code external style

**Write. Please use *

html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}123

Copy after login

webpage black and white code internal style

to write the css file inside the head tag

<style type="text/css"><!--html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}--></style>1234567

Copy after login

webpage black and white code inline style
Enter the html tag and find the html

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">12

Copy after login

###### webpage black and white code QQ group space version, for most mainstream browsers###**Please use *###

html {-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\&#39;http://www.w3.org/2000/svg\&#39;><filter id=\&#39;grayscale\&#39;><feColorMatrix type=\&#39;matrix\&#39; values=\&#39;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\&#39;/></filter></svg>#grayscale"); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

Copy after login

when writing .css files

The above is the detailed content of Turn the entire interface of the website or web page into black and white and gray tones css code. For more information, please follow other related articles on the PHP Chinese website!