二、代碼及效果圖片?最近很多網站、APP 在昨天都變灰了,好多企業(yè)或者政府也要求開發(fā)人員將自己的網站頁面變灰,那這種效果是怎么實現的呢?如果將圖片,文字,按鈕什么的一個個處理是不是太麻煩了,?所以這里給大家提供一個簡單的方式,幾行代碼就解決問題了,So Easy !
創(chuàng)新互聯服務項目包括七里河網站建設、七里河網站制作、七里河網頁制作以及七里河網絡營銷策劃等。多年來,我們專注于互聯網行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯網行業(yè)的解決方案,七里河網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到七里河省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!
下方是效果展示:? 修改之前的頁面:修改之后的頁面:三、注意事項,著重注意點。?-webkit-filter:?grayscale(100%);
-moz-filter:?grayscale(100%);
-ms-filter:?grayscale(100%);
-o-filter:?grayscale(100%);
filter:?grayscale(100%);
filter:?progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
四、知識解答直接在前端HTML 標簽上,在樣式里加上面的代碼就可以實現。?
你學會了嗎?可以直接F12 ,直接調試操作嘗試一波哦!
grayscale
?含義解釋(來源菜鳥教程)將圖像轉換為灰度圖像。值定義轉換的比例。值為100%則完全轉為灰度圖像,值為0%圖像無變化。值在0%到100%之間,則是效果的線性乘子。若未設置,值默認是0;
持續(xù)更新中、、、、、、本人代碼新手,能力有限,如有不足之處,歡迎大家一起討論交流。?
你是否還在尋找穩(wěn)定的海外服務器提供商?創(chuàng)新互聯www.cdcxhl.cn海外機房具備T級流量清洗系統(tǒng)配攻擊溯源,準確流量調度確保服務器高可用性,企業(yè)級服務器適合批量采購,新人活動首月15元起,快前往官網查看詳情吧