整個網站網頁變黑白的效果


有時候網站在某種特定的情況下,需要使整個網站變成黑白的顏色。下面是如何讓網站實現黑白效果的代碼:

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

filter是濾鏡的意思,filter:gray的意思就是說給頁面加上一個灰度的濾鏡,所以html里面的所有內容都會變成黑白的了。
不過這個濾鏡對於chrome和safari瀏覽器是無效的,所以下面會有一行-webkit-filter: grayscale(100%);
這個樣式是專屬於使用webkit內核的瀏覽器的,意思和FILTER: gray;差不多,只是寫法不同罷了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM