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

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

巴扎黑
發布: 2017-06-09 14:24:53
原創
5288 人瀏覽過

將網站、網頁整個介面變成黑白灰色調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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板