我要投稿

#精品
子比主题美化丨卡片模式增加仿mac三个点教程

零玖技术教程

2024-09-18 229

这个是一个很小的功能，作为存档发一下一个仿 mac 电脑的红黄绿三点的模式

安装教程：

CSS 代码添加路径：子比主题设置—自定义 CSS 样式— 将 CSS 代码粘贴框里

/**卡片式文章仿 mac 三个点封面美化 CSS 开始*/
.posts-item.card {
padding: 35px 10px 10px 10px!important;
}
.posts-item {
position: relative !important;
}
.posts-item.card::before {
content: "";
display: block;
background: #fc625d;
top: 13px;
left: 15px;
border-radius: 50%;
width: 9px;
height: 9px;
box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;
margin: 0px 2px -7px;
z-index: 1000;
position: absolute;
}
/**卡片式文章仿 mac 三个点封面美化 CSS 结束 BY：09B.CN*/

收藏打赏

感谢您的支持，我会继续努力的!

打开微信扫一扫，即可进行扫码打赏哦，分享从这里开始，精彩与您同在

版权声明 1 本网站名称：零玖吧
2 本站永久网址：https://www.09b.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如若本站内容侵犯了原著者的合法权益，请联系站长 QQ68857537进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7 本站提供的游戏资源转载自国内外各大媒体和网络，仅供试玩体验；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。