子比主题美化—卡片模式增加仿mac三个点教程

老会哥

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

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

1. /**卡片式文章仿 mac 三个点封面美化 CSS 开始*/
   
2. .posts-item.card {
   
3.     padding: 35px 10px 10px 10px!important;
   
4. }
   
5.     .posts-item {
   
6.     position: relative !important;
   
7. }
   
8.     .posts-item.card::before {
   
9.     content: "";
   
10.     display: block;
    
11.     background: #fc625d;
    
12.     top: 13px;
    
13.     left: 15px;
    
14.     border-radius: 50%;
    
15.     width: 9px;
    
16.     height: 9px;
    
17.     box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;
    
18.     margin: 0px 2px -7px;
    
19.     z-index: 1000;
    
20.     position: absolute;
    
21. }
    
22. /**卡片式文章仿 mac 三个点封面美化 CSS 结束 By lhbk.cn 老会博客*/

复制代码