首頁 > web前端 > css教學 > 主體

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

巴扎黑
發布: 2017-06-09 15:49:33
原創
2309 人瀏覽過

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

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!