子比美化-拟态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: 6px 6px 15px 0 rgb(136 167 225 / 21%), -6px -6px 15px 0 var(--main-bg-color);    transition: all 0.2s;}

如果觉得拟态程度不够，那么你可以使用下面这个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-color: #ebecf0;    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #fff;    border-radius: 30px;    transition: all .2s;    -webkit-transition: all .2s;}

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

参考文章：子比主题拟态CSS-初一小盏 (vxras.com)

相关声明 1 本网站名称：编程之旅
2 本站永久网址：https://www.algt.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ2739965875进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

子比主题子比/教程/美化教程之家
# css # 拟态 # 小盏 # vxras # com