哀悼日網站全站變灰CSS代碼

SKYZACK 發布于2019-08-30 13:15 / 3460人閱讀

摘要：今天是是南京大屠殺公祭日。不少相關站點都將網站全部變為灰色，以表示哀悼。為了更多的小伙伴可以達成這種效果，在哀悼日可以表達一份哀悼。看下騰訊大蘇網這種效果是用純來實現的。

今天是2016.12.13是南京大屠殺公祭日。不少相關站點都將網站全部變為灰色，以表示哀悼。

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

看下騰訊大蘇網

這種效果是用純CSS來實現的。

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%);
}

如果你想只對于網站圖片來實現灰度，代碼如下

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%);
}

這是互聯網行業的哀悼方式。

12.13大屠殺逝者安息

GPU云服務器云服務器 cdn 全站加速論壇類網站 css代碼 css樣式代碼 css代碼教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115419.html

如果遇上需要讓網站變灰色，作為站長的我們該怎么做

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

Aomine 2019-08-20 17:05 評論0 收藏0
利用CSS改變圖片顏色的100種方法！

摘要：前言說到對圖片進行處理，我們經常會想到這類的圖像處理工具。或者是的時候，對圖片的對比度，陰影進行處理。過濾器通常被用于調整圖片，背景和邊界的渲染。最后，安利我們的公眾號前端指南。前言說到對圖片進行處理，我們經常會想到PhotoShop這類的圖像處理工具。作為前端開發者，我們經常會需要處理一些特效，例如根據不同的狀態，讓圖標顯示不同的顏色。或者是hover的時候，對圖片的對比度，陰影...

Keven 2019-08-02 16:06 評論0 收藏0
利用CSS改變圖片顏色的100種方法！

摘要：前言說到對圖片進行處理，我們經常會想到這類的圖像處理工具。或者是的時候，對圖片的對比度，陰影進行處理。過濾器通常被用于調整圖片，背景和邊界的渲染。最后，安利我們的公眾號前端指南。前言說到對圖片進行處理，我們經常會想到PhotoShop這類的圖像處理工具。作為前端開發者，我們經常會需要處理一些特效，例如根據不同的狀態，讓圖標顯示不同的顏色。或者是hover的時候，對圖片的對比度，陰影...

pinecone 2019-08-30 15:54 評論0 收藏0
收集整理適用博客建站免費開源Wordpress主題-簡約好看的WP主題

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

番茄西紅柿 2021-07-30 14:57 評論0 收藏2637