通过CSS滤镜让网站彩色网页全站变成黑白色效果
本文共计418个汉字和字符,阅读时长预计2分钟左右。
大家应该注意到大型网站在纪念某些特别日子时都把网站改成黑白色调,这样的效果是如何实现的呢?其实通过CSS filter这个滤镜属性就能达到效果。在WORDPRESS head模板那块添加一下CSS样式就可以了:
<style type="text/css">
html {
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(1)
}
</style>
filter是CSS滤镜的意思,filter:gray的意思就是说给页面加上一个灰度的滤镜,所以html里面的所有内容都会变成黑白的了。
如需转载或复制本文请附带上
本文超链接
并注明出处:
CHANBEE
本文标题: 通过CSS滤镜让网站彩色网页全站变成黑白色效果
本文链接: https://www.chanbee.com/using-css-filter-to-make-the-whole-website-become-black-and-white.html
发布日期: 2020-04-04
您可以分享本文到以下社交:
本文标题: 通过CSS滤镜让网站彩色网页全站变成黑白色效果
本文链接: https://www.chanbee.com/using-css-filter-to-make-the-whole-website-become-black-and-white.html
发布日期: 2020-04-04
您可以分享本文到以下社交: