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
Vue imitates Ctrip's carousel effect (sliding carousel, highly adaptive below)
Let's look at the case first. Use vue+swiper ...
How to solve the problem that mysql cannot be closed
Solution to mysql not closing: Right-click on the...
Code to enable IE8 in IE7 compatibility mode
The most popular tag is IE8 Browser vendors are sc...
Detailed explanation of Vue custom instructions and their use
Table of contents 1. What is a directive? Some co...
Comprehensive understanding of HTML basic structure
Introduction to HTML HyperText Markup Language: H...
How to quickly set the file path alias in react
React is a JavaScript library for building user i...
Example of adding music video to HTML page
1. Video tag Supports automatic playback in Firef...
The leftmost matching principle of MySQL database index
Table of contents 1. Joint index description 2. C...
Detailed explanation of daily_routine example code in Linux
First look at the example code: #/bin/bash cal da...
Several specific methods of Mysql space cleaning
Table of contents Preface 1. Check the file disk ...
MySQL deduplication methods
MySQL deduplication methods 【Beginner】There are v...
Example of how to quickly delete a 2T table in mysql in Innodb
Preface This article mainly introduces the releva...
In-depth study of how to use positioning in CSS (summary)
Introduction to Positioning in CSS position attri...
How to use JavaScript and CSS correctly in XHTML documents
In more and more websites, the use of XHTML is rep...
Detailed explanation of the use of state in React's three major attributes
Table of contents Class Component Functional Comp...