亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

哀悼日網(wǎng)站全站變灰CSS代碼

SKYZACK / 3511人閱讀

摘要：今天是是南京大屠殺公祭日。不少相關(guān)站點(diǎn)都將網(wǎng)站全部變?yōu)榛疑员硎景У?。為了更多的小伙伴可以達(dá)成這種效果，在哀悼日可以表達(dá)一份哀悼?？聪买v訊大蘇網(wǎng)這種效果是用純來實(shí)現(xiàn)的。

今天是2016.12.13是南京大屠殺公祭日。不少相關(guān)站點(diǎn)都將網(wǎng)站全部變?yōu)榛疑?，以表示哀悼?/p>

為了更多的小伙伴可以達(dá)成這種效果，在哀悼日可以表達(dá)一份哀悼。我們今天也來給出相關(guān)方法。

看下騰訊大蘇網(wǎng)

這種效果是用純CSS來實(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%);
}

如果你想只對于網(wǎng)站圖片來實(shí)現(xiàn)灰度，代碼如下

img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

如果只想針對部分圖片，代碼如下

/*這段代碼只會對于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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/115419.html

相關(guān)文章

  • 如果遇上需要讓網(wǎng)站變灰色，作為站長的我們該怎么做

    摘要：看到標(biāo)題，當(dāng)然如果你是程序員童鞋，可以繞道了，這只是總結(jié)的一些技巧而已，一般在全國哀悼日，大地震的日子，清明節(jié)，我們都會讓自己的網(wǎng)站全站灰色，以表示對逝者的悼念。本文出自今日頭條文章由甲爪聯(lián)盟整理編輯 看到標(biāo)題，當(dāng)然如果你是web程序員童鞋，可以繞道了，這只是總結(jié)的一些技巧而已，一般在全國哀悼日，大地震的日子，清明節(jié)，我們都會讓自己的網(wǎng)站全站灰色，以表示對 逝者的悼念。好了言歸正傳。 ...

    Aomine 評論0 收藏0

  • 利用CSS改變圖片顏色的100種方法！

    摘要：前言說到對圖片進(jìn)行處理，我們經(jīng)常會想到這類的圖像處理工具。或者是的時候，對圖片的對比度，陰影進(jìn)行處理。過濾器通常被用于調(diào)整圖片，背景和邊界的渲染。最后，安利我們的公眾號前端指南。 前言 說到對圖片進(jìn)行處理，我們經(jīng)常會想到PhotoShop這類的圖像處理工具。作為前端開發(fā)者，我們經(jīng)常會需要處理一些特效，例如根據(jù)不同的狀態(tài)，讓圖標(biāo)顯示不同的顏色?；蛘呤莌over的時候，對圖片的對比度，陰影...

    Keven 評論0 收藏0

  • 利用CSS改變圖片顏色的100種方法！

    摘要：前言說到對圖片進(jìn)行處理，我們經(jīng)常會想到這類的圖像處理工具?；蛘呤堑臅r候，對圖片的對比度，陰影進(jìn)行處理。過濾器通常被用于調(diào)整圖片，背景和邊界的渲染。最后，安利我們的公眾號前端指南。 前言 說到對圖片進(jìn)行處理，我們經(jīng)常會想到PhotoShop這類的圖像處理工具。作為前端開發(fā)者，我們經(jīng)常會需要處理一些特效，例如根據(jù)不同的狀態(tài)，讓圖標(biāo)顯示不同的顏色。或者是hover的時候，對圖片的對比度，陰影...

    pinecone 評論0 收藏0

  • 收集整理適用博客建站免費(fèi)開源Wordpress主題-簡約好看的WP主題

    摘要：最重要的就是找一個適合自己的主題了。事實(shí)上，免費(fèi)主題也非常多，而且很多的免費(fèi)主題在功能上和界面美觀上已經(jīng)大大超過了付費(fèi)的主題。加上這些主題都是開源的，基本上可以在上找得到源碼，安全性是沒有問題，主題的作者也在不斷更新當(dāng)中。WordPress最重要的就是找一個適合自己的主題了。好一點(diǎn)的WordPress主題基本上都是要收費(fèi)的，而且價格還不便宜，這導(dǎo)致了不少的新手朋友們很為難。而有時我們僅僅根據(jù)...

    番茄西紅柿 評論0 收藏2637

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<