This article is a mirror article of machine translation, please click here to jump to the original article.

Architect_Programmer_Code Agriculture Network»Architect › Front-end design & web › Html/CSS/JavaScript › How to Turn a Page Greyed Out with CSS [Tutorial]!
View: 11473|Reply: 0

[CSS/DIV] How to Turn a Page Greyed Out with CSS [Tutorial]!

[Copy link]
Posted on 10/15/2015 7:04:52 AM | | |
Today (2015-1-22), I unexpectedly found that Baidu search for web pages with the three keywords "Yao Beina" turned gray, it seems that Baidu is also very attentive (may the deceased rest in peace)! So how to use CSS to make all web pages gray? It's very simple, add the following code to the corresponding page CSS file:


  1. html {
  2.     filter: grayscale(100%);
  3.     -webkit-filter: grayscale(100%);
  4.     -moz-filter: grayscale(100%);
  5.     -ms-filter: grayscale(100%);
  6.     -o-filter: grayscale(100%);
  7.     filter: url(desaturate.svg#grayscale);
  8.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  9.     -webkit-filter: grayscale(1);
  10. }
Copy code






Previous:Alibaba Cloud 2015 Yunqi Conference was held in Hangzhou today
Next:window under the visualSVN server library migration

Related Posts
Disclaimer:
All software, programming materials or articles published by Code Farmer Network are only for learning and research purposes; The above content shall not be used for commercial or illegal purposes, otherwise, users shall bear all consequences. The information on this site comes from the Internet, and copyright disputes have nothing to do with this site. You must completely delete the above content from your computer within 24 hours of downloading. If you like the program, please support genuine software, purchase registration, and get better genuine services. If there is any infringement, please contact us by email.
Mail To:help@itsvse.com