資訊專(zhuān)欄INFORMATION COLUMN
摘要：今天是是南京大屠殺公祭日。不少相關(guān)站點(diǎn)都將網(wǎng)站全部變?yōu)榛疑员硎景У?。為了更多的小伙伴可以達(dá)成這種效果，在哀悼日可以表達(dá)一份哀悼。看下騰訊大蘇網(wǎng)這種效果是用純來(lái)實(shí)現(xiàn)的。
今天是2016.12.13是南京大屠殺公祭日。不少相關(guān)站點(diǎn)都將網(wǎng)站全部變?yōu)榛疑?，以表示哀悼?/p>
為了更多的小伙伴可以達(dá)成這種效果，在哀悼日可以表達(dá)一份哀悼。我們今天也來(lái)給出相關(guān)方法。
看下騰訊大蘇網(wǎng)
這種效果是用純CSS來(lái)實(shí)現(xiàn)的。
filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
如果你想全站變灰，代碼如下
*{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
如果你想只對(duì)于網(wǎng)站圖片來(lái)實(shí)現(xiàn)灰度，代碼如下
img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
如果只想針對(duì)部分圖片，代碼如下
/*這段代碼只會(huì)對(duì)于class位grey的圖片*/
img.grey{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
這是互聯(lián)網(wǎng)行業(yè)的哀悼方式。
12.13大屠殺逝者安息
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/115419.html
摘要：看到標(biāo)題，當(dāng)然如果你是程序員童鞋，可以繞道了，這只是總結(jié)的一些技巧而已，一般在全國(guó)哀悼日，大地震的日子，清明節(jié)，我們都會(huì)讓自己的網(wǎng)站全站灰色，以表示對(duì)逝者的悼念。本文出自今日頭條文章由甲爪聯(lián)盟整理編輯 看到標(biāo)題，當(dāng)然如果你是web程序員童鞋，可以繞道了，這只是總結(jié)的一些技巧而已，一般在全國(guó)哀悼日，大地震的日子，清明節(jié)，我們都會(huì)讓自己的網(wǎng)站全站灰色，以表示對(duì) 逝者的悼念。好了言歸正傳。 ...
摘要：前言說(shuō)到對(duì)圖片進(jìn)行處理，我們經(jīng)常會(huì)想到這類(lèi)的圖像處理工具?；蛘呤堑臅r(shí)候，對(duì)圖片的對(duì)比度，陰影進(jìn)行處理。過(guò)濾器通常被用于調(diào)整圖片，背景和邊界的渲染。最后，安利我們的公眾號(hào)前端指南。 前言 說(shuō)到對(duì)圖片進(jìn)行處理，我們經(jīng)常會(huì)想到PhotoShop這類(lèi)的圖像處理工具。作為前端開(kāi)發(fā)者，我們經(jīng)常會(huì)需要處理一些特效，例如根據(jù)不同的狀態(tài)，讓圖標(biāo)顯示不同的顏色。或者是hover的時(shí)候，對(duì)圖片的對(duì)比度，陰影...
摘要：前言說(shuō)到對(duì)圖片進(jìn)行處理，我們經(jīng)常會(huì)想到這類(lèi)的圖像處理工具。或者是的時(shí)候，對(duì)圖片的對(duì)比度，陰影進(jìn)行處理。過(guò)濾器通常被用于調(diào)整圖片，背景和邊界的渲染。最后，安利我們的公眾號(hào)前端指南。 前言 說(shuō)到對(duì)圖片進(jìn)行處理，我們經(jīng)常會(huì)想到PhotoShop這類(lèi)的圖像處理工具。作為前端開(kāi)發(fā)者，我們經(jīng)常會(huì)需要處理一些特效，例如根據(jù)不同的狀態(tài)，讓圖標(biāo)顯示不同的顏色?；蛘呤莌over的時(shí)候，對(duì)圖片的對(duì)比度，陰影...
摘要：最重要的就是找一個(gè)適合自己的主題了。事實(shí)上，免費(fèi)主題也非常多，而且很多的免費(fèi)主題在功能上和界面美觀上已經(jīng)大大超過(guò)了付費(fèi)的主題。加上這些主題都是開(kāi)源的，基本上可以在上找得到源碼，安全性是沒(méi)有問(wèn)題，主題的作者也在不斷更新當(dāng)中。WordPress最重要的就是找一個(gè)適合自己的主題了。好一點(diǎn)的WordPress主題基本上都是要收費(fèi)的，而且價(jià)格還不便宜，這導(dǎo)致了不少的新手朋友們很為難。而有時(shí)我們僅僅根據(jù)...
閱讀 3514·2019-08-30 13:15
閱讀 1458·2019-08-29 18:34
閱讀 885·2019-08-29 15:18
閱讀 3537·2019-08-29 11:21
閱讀 3313·2019-08-29 10:55
閱讀 3761·2019-08-26 10:36
閱讀 1930·2019-08-23 18:37
閱讀 1907·2019-08-23 16:57
