首頁  >  文章  >  web前端  >  總結並分享彩色網頁變成黑白的css代碼

總結並分享彩色網頁變成黑白的css代碼

巴扎黑
巴扎黑原創
2017-06-09 15:49:332315瀏覽

很多時候,網站需要講彩色變成黑白,例如在汶川大地震時,為了表示哀悼,很多網站都由彩色編程黑白了,那麼,我們就來總結下如何將網頁由彩色變為黑白的方法:

1.將網站、網頁整個介面變成黑白灰色調css程式碼

#不多說,請看程式碼,將網站或網頁變成黑白色


網頁黑白程式碼外部樣式

**寫入.css檔案請用*

總結並分享彩色網頁變成黑白的css代碼

2.網站變黑白灰色的4種程式碼詳細解說

2008.5.12四川汶川大地震,帶走了許多生命,令人惋惜,為了表示對罹難同胞的深切哀悼,國務院決定2008年5月19日至21日為全國哀悼日。在此期間,許多網站將風格改為“黑、白、灰”,以表達對遇難同胞的哀悼之情。建議全國站長動起來,為在地震中遇難的同胞哀悼

總結並分享彩色網頁變成黑白的css代碼

#3.使用CSS將圖片轉換成黑白的

時代發展,如今,CSS3的逐步推進,我們也開始看到「黑白效果」大規模應用於實際的可能,接下來介紹CSS3 greyscale 濾鏡實現,感興趣的朋友可以了解下可能早就知道,像汶川這樣糟糕的日子網站全灰在IE下是可以輕鬆實現的(filter: gray;),不過,當時,其他瀏覽器是無解的。不過,時代發展,如今,CSS3的逐步推進,我們也開始看到「黑白效果」大規模應用於實際的可能。

總結並分享彩色網頁變成黑白的css代碼

4.彩色網頁變黑白色CSS程式碼

###

以上是總結並分享彩色網頁變成黑白的css代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn