Home  >  Article  >  Web Front-end  >  Summarize and share the css code for turning colored web pages into black and white

Summarize and share the css code for turning colored web pages into black and white

巴扎黑
巴扎黑Original
2017-06-09 15:49:332195browse

Many times, websites need to change from color to black and white. For example, during the Wenchuan earthquake, in order to express condolences, many websites were programmed from color to black and white. So, let’s summarize how to change the web page from color to black and white. Method:

1.Change the entire interface of the website or webpage into black and white and gray tone css code

Not much to say, please look at the code to change the website or webpage into black and white Color


Web page black and white code external style

** Please use *

Summarize and share the css code for turning colored web pages into black and white

2. to write the .css file Detailed explanation of the four codes of black and white and gray

The 2008.5.12 Wenchuan earthquake in Sichuan took away many lives, which is regrettable. In order to express its deep condolences to the compatriots who died, the State Council decided in May 2008 The 19th to the 21st is a national day of mourning. During this period, many websites changed their styles to "black, white, and gray" to express condolences for the victims. It is recommended that webmasters across the country take action to mourn the compatriots who died in the earthquake

Summarize and share the css code for turning colored web pages into black and white

3.Use CSS to convert the image to black and white

The development of the times. Nowadays, with the gradual advancement of CSS3, we have also begun to see the possibility of large-scale application of "black and white effects". Next, we will introduce the implementation of CSS3 greyscale filter. Interested friends can learn about it and may have known it for a long time. In bad days like Wenchuan, it was easy to make a website completely gray under IE (filter: gray;). However, at that time, other browsers had no solution. However, with the development of the times, and now, with the gradual advancement of CSS3, we have also begun to see the possibility of large-scale application of the "black and white effect" in practice.

Summarize and share the css code for turning colored web pages into black and white

4.Colored web page becomes black and white CSS code

###

The above is the detailed content of Summarize and share the css code for turning colored web pages into black and white. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn