首頁  >  文章  >  web前端  >  將網站、網頁整個介面變成黑白灰色調css程式碼

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

巴扎黑
巴扎黑原創
2017-06-09 14:24:535277瀏覽

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

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


#網頁黑白程式碼外部樣式

**寫入. css檔請用*

html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}123

網頁黑白程式碼內部樣式

寫入頭部head標籤裡面

<style type="text/css"><!--html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}--></style>1234567

網頁黑白程式碼內嵌式
寫入html標籤,找到html

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">12
######網頁黑白程式碼QQ群空間版,針對大部分主流瀏覽器###**寫入.css檔案請用*###
html {-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\&#39;http://www.w3.org/2000/svg\&#39;><filter id=\&#39;grayscale\&#39;><feColorMatrix type=\&#39;matrix\&#39; values=\&#39;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\&#39;/></filter></svg>#grayscale"); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

以上是將網站、網頁整個介面變成黑白灰色調css程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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