css教程

哀悼日网站变灰色方法

我的站长站 2023-10-22 人阅读

很多网站会在特别的日子把网站变灰色,以表哀悼,很多小白还不会,我的站长站分享给大家一段CSS把网站变灰色的方法。

只需把以下CSS加入到网站header标签内,或CSS文件内即可。

<style type="text/css">
body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; background:#f5f5f5}
</style>


最新更新