简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

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

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

將網站、網頁整個介面變成黑白灰色調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
上一篇：網站變成黑白灰色的4種程式碼詳細講解 下一篇：iconfont是什麼？ css中iconfont實例用法總結
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
Vue專案中未定義模組 我剛剛通過運行npmini tvue@latest創建了一個新的Vue應用程序，如官方文件中指定的那樣。然後我嘗試按照Vue和Vite網站上的指南將Tailwind添加到我的應用程...
來自於 2023-11-17 12:38:53
0
2
394
新標題：新腳本無法正確顯示儲存資料的奇怪字元編碼 我正在嘗試重寫一個舊網站。它是波斯語，使用波斯/阿拉伯字符。 CREATEDATABASE`db`DEFAULTCHARACTERSETutf8COLLATEutf8_persia...
來自於 2023-11-17 10:51:01
0
2
273
Nuxt.js SSG（靜態站點產生器）取得API數據 當使用靜態網站產生器建立專案時，我理解提前建立的文件是提供給使用者的。如果進入頁面時有使用axios等取得資料並顯示在螢幕上的邏輯，對應的API是被快取還是不被呼叫？
來自於 2023-11-16 21:36:07
0
1
176
未定義函數create_function()的調用 我在網站首頁收到此訊息：致命錯誤：未捕獲錯誤：調用/customers/7/e/7/jovobytes.be/httpd.www/wp-content/themes/inovado...
來自於 2023-11-16 19:00:36
0
1
277
如何根據角色為每個使用者定義一組權限的Laravel Spatie權限設定方法？ 我有4種類型的使用者使用我的系統：1.超級管理員2.超級管理員團隊、3.管理員和4。管理團隊成員，因為我使用spatie來處理角色和權限，所以我有一組對於所有類型的使用者來說都很常...
來自於 2023-11-14 12:58:58
0
1
292
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！