当前位置:首页教程中心网站教程让自己的子比站拥有拟态效果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: 6px 6px 15px 0 rgb(136 167 225 / 21%), -6px -6px 15px 0 var(--main-bg-color);
    transition: all 0.2s;
}

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

声明:本文由沐夏oo发布,本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
网站教程

给你的网站添加Right Menu右键美化 – 子比主题美化

2025-5-26 16:39:27

网站教程

给底部第三板块增加border边框 – 子比主题美化

2025-5-26 16:44:36

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
搜索