Turn web pages into black and white (compatible with Google, Firefox, IE and other browsers)

Turn web pages into black and white (compatible with Google, Firefox, IE and other browsers)
Write to the css file

Copy code
The code is as follows:

01.html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); 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"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}

In fact, it is to add a gray filter

<<:  Detailed explanation of the use of CSS3 rgb and rgba (transparent color)

>>:  Examples of some usage tips for META tags in HTML

Recommend

Detailed explanation of the difference between run/cmd/entrypoint in docker

In Dockerfile, run, cmd, and entrypoint can all b...

MySQL changes the default engine and character set details

Table of contents 1. Database Engine 1.1 View dat...

A brief discussion on MySQL large table optimization solution

background The amount of new data in the business...

How to use fdisk to partition disk in Linux

Commonly used commands for Linux partitions: fdis...

How to use geoip to restrict regions in nginx

This blog is a work note environment: nginx versi...

React concurrent function experience (front-end concurrent mode)

React is an open-source JavaScript library used b...

How to install MySQL 8.0.17 and configure remote access

1. Preparation before installation Check the data...

Tutorial on installing and using virtualenv in Deepin

virtualenv is a tool for creating isolated Python...

Key points for writing content of HTML web page META tags

The META tag is an auxiliary tag in the head area...

Implementation of CSS3 button border animation

First look at the effect: html <a href="#...

Vue2.x responsiveness simple explanation and examples

1. Review Vue responsive usage​ Vue responsivenes...

Analysis of MySQL latency issues and data flushing strategy process

Table of contents 1. MySQL replication process 2....

Detailed explanation of nginx's default_server definition and matching rules

The default_server directive of nginx can define ...