先看案例 网站如何设置一秒变灰 具体代码已经在图中已经框选出来
只需要加入样式了即可
<style>
html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
</style>
主要是第一句:filter: grayscale(100%);下面的- -是为了兼容各种浏览器。
-webkit-:主要兼容的浏览器是:谷歌的Chrome和苹果的Safari浏览器;
-ms-:主要兼容的浏览器是:微软的Internet Explorer、Edge浏览器;
-moz-:主要兼容的浏览器是:火狐的Firefox浏览器;
-o-:主要兼容的浏览器是:欧朋的Opera浏览器。
温馨提示:如果以上方法尝试过了,问题还没解决的朋友,如果您不嫌弃,欢迎评论或者私信联系,我会第一时间与您取得联系,和您一起探讨解决问题!绝不收取任何咨询费用!
关键词搜索优化(与文章无关):仅用一个css样式实现网站哀悼变灰纪念日页面变灰是怎么实现的网站变灰如何实现页面变灰怎么实现的