温馨提示: 推荐安装《大白·插件中心》,免除手动下载ftp上传,可在站点后台直接在线安装/升级。

教程

用【大白自定义】把网站变灰色,变怀旧感

2020年04月03日 大白 阅读 9278 评论 0

代码放到  全局 : 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>
最新回复 (0)
返回