想必現(xiàn)在有很多小伙伴對于CSS3如何實現(xiàn)網頁變成灰色模式方面的知識都比較想要了解,那么今天小好小編就為大家收集了一些關于CSS3如何實現(xiàn)網頁變成灰色模式方面的知識分享給大家,希望大家會喜歡哦。1.在css中,如果我們想要讓網頁變成灰色模式,如何實現(xiàn)呢?下面舉例講解CSS3如何實現(xiàn)網頁變成灰色模式,我們要使用到filter這個屬性。2.在test.html文件內,我們需要寫入兩張彩色的圖片,。3.編寫css樣式標簽,樣式將寫在該標簽內。4.在css樣式標簽里,在括號內,設置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);}5.在瀏覽器瀏覽一下test.html,來看看效果能否實現(xiàn)。
本文到此結束,希望對大家有所幫助。