子比主题美化 全站实现新拟态化CSS美化效果

本站所分享CSS代码均会在文章页进行演示，但本站不一定使用，仅作于记录。

阿夜测试代码可正常使用，只是需自行再适配一下会更好一些，代码未适配黑夜模式。

演示图

代码教程

直接将下方CSS代码放在后台主题设置的自定义CSS中保存即可。

.posts-item:not(.card) ,.author-header .avatar-img ,.full-widget-sm ,.header .sub-menu ,.modal-content ,.form-control ,.no_webshot.main-bg.theme-box.box-body.radius8.main-shadow ,.article ,.dropdown-menu ,.btn-score ,.float-right.round .float-btn ,.forum-posts.alone ,.zib-widget ,.posts-mini-lists ,.posts-item.card.style3 {
    background: linear-gradient(180deg, #ecf2ff, var(--main-bg-color));
    border: 2px solid var(--main-bg-color);
    box-shadow: 6.x 6px 15px 0 rgb(136 167 225 / 21%), -6px -6px 15px 0 var(--main-bg-color);
    transition: all 0.2s;
}

如果觉得拟态程度不够，那么你可以使用下面这个css。

第一个是奈斯主题的配色方案，第二个是小枫拟态4.0个人主页的配色方案。