寫在前面就是剛好周末閑下來寫篇文章吧,翻了翻以前寫的demo,突發(fā)靈感,我覺得今天我可以憋一篇文章出來給大家,你們就當(dāng)周末聽相聲吧。 何為信息媒體?我的理解是,承載一定信息的媒體被稱之為信息媒體,咋一聽好像是唐僧問老爺爺比丘國和小兒城的故事。 展開來講就是你打開手機(jī)、電腦等設(shè)備瀏覽的圖片、視頻、音頻、網(wǎng)頁等等它們不是承載了一定信息嘛,從視覺的角度我們今天要做的事就是把彩色的圖片、視頻、網(wǎng)頁搞成黑白顏色的。 一行代碼搞定它直接公布答案吧,用css的filter屬性下的grayscale可以實(shí)現(xiàn)樓上這些需求效果。 filter: grayscale(100%); 關(guān)于這個css的兼容問題請看下圖 實(shí)踐一下網(wǎng)頁這位網(wǎng)友你看,它是彩色的對吧,我們要做的事就是給它變黑白,這個示例本身沒有什么意義,但是這種思考方式希望能夠帶給你好不好。 我們右鍵打開控制臺,當(dāng)然啦你也可以F12打開控制臺,在mac上的話那么應(yīng)該是Option + Command +I,然后我們選擇html那個標(biāo)簽,再右邊粘貼這句話 圖片你看,原先它是很鮮艷的,這個是我在大學(xué)設(shè)計(jì)的LOGO,當(dāng)我們重復(fù)樓上的動作,它就變成黑白圖片了 你看它變成了黑白色,然后這邊是一些瀏覽器兼容前綴的介紹我寫在屏幕上了 我有個想法,我打算把黑白圖片截圖接下來,這個時(shí)候,我按住CTRL + SHIFT +P調(diào)出控制面板,然后輸入Screenshot,啪一回車,一張圖片被我截圖下來了 打開文件你看它不是一張黑白圖就下來了嘛 視頻重復(fù)樓上步驟,視頻也是可以的,你看這樣子看片是不是眼睛不會特別累,然后又夾在著復(fù)古的感覺,真棒啊! 總結(jié)也是想分享點(diǎn)好用實(shí)用有用的東西給讀者,不好用的東西我不會推薦給你們用的。那么這個它可以應(yīng)用到一些什么場景呢?我羅列一些吧。 A.比如發(fā)生一些重大事件,網(wǎng)站要進(jìn)行默哀哀悼的,那肯定要搞一層filter啊,而且主流瀏覽器兼容還是很不錯的,什么?IE!??!都2023年了,你還在用IE啊,那你要不用人肉一個個改顏色吧,我沒有什么別的好方法給到你 B.比如你拍出來一張彩色的照片,但是你想讓它變黑白色,你可以這么試一下,當(dāng)然你用手機(jī)相冊自帶的APP也可以 C.比如你把視頻設(shè)成黑白色,對眼睛傷害小一點(diǎn),不容易產(chǎn)生視覺疲勞。 我想到的大致就這些,如果你有什么想到的歡迎在評論下方留言,讓我們下次再見啦! |
|