灰色滤镜(默哀感)

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

色相反转(诡异感)

<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>

岁月痕迹(怀旧感)

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

暗黑系(神秘感)

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