把网站变灰色,变怀旧感 xiuno开发手册

已认证 八彩五月 2021-10-27 1404

代码放到  全局 : html > head (css)

1.灰色滤镜(默哀感)

<style>
html{
     -webkit-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     filter: grayscale(100%);  
}
</style>

2.色相反转(诡异感)

<style>
html{
     -webkit-filter: hue-rotate(200deg);
     -moz-filter: hue-rotate(200deg);
     -o-filter: hue-rotate(200deg);
     -ms-filter: hue-rotate(200deg);
     filter: hue-rotate(200deg); 
}
</style>

3.岁月痕迹(怀旧感)

<style>
html{
    -webkit-filter: sepia(100%);  
    -moz-filter:sepia(100%);
    -o-filter: sepia(100%);
    -ms-filter: sepia(100%);
    filter: sepia(100%); 
}
</style>

4.暗黑系(神秘感)

<style>
html {
    filter: invert(1) hue-rotate(180deg);
}
/* 图片视频取消颜色反转 */
img,
video {
    filter: invert(1) hue-rotate(180deg);
}
</style>

 xiuno建站一站式服务QQ:312215120
最新回复 (3)
  • fadage 2021-12-10
    2
    谢谢 正好需要
    0
  • 2218652826 2021-12-16
    3
    能不能搞成单论坛那样的首页?
    0
  • sfsfsf123 2022-2-16
    4
    谢谢
    0
返回
首页
插件
搜索