boxmoe_header_banner_img

Hello! 欢迎来到盒子萌！

加载中

POST
喵笔记

一段文章列表框增加倾斜效果的CSS代码片段

avatar
专收爆米花 2022年9月22日 8.25k
9 评论

css

一段文章列表框增加倾斜效果的CSS,都说不好看，但是做出来了就做个笔记万一别的地方可以用上，不要再去写

 复制代码
  1. <div class="1">
  2. <div class="2">新文</div>
  3. </div>
  4.  
  5. //CSS段
  6. .1{overflow: hidden;}
  7. .2{ position: absolute;
  8.     content: '';
  9.     top: 10px;
  10.     left: -20px;
  11.     padding: 0 26px;
  12.     border-top: none;
  13.     z-index: 1;
  14.     color: #fff;
  15.     transform: rotate(-45deg);
  16.     font-size: 12px;
  17.     background: #446495;
  18. }
  19.  
CSS 代码片段

评论（9）

查看评论列表
评论头像
红提子 2022年10月04日
这个小功能挺实用的 :smile: :smile: :smile:
回复
评论头像
天才哥 2022年11月03日
为什么我的网站显示不出来头像
回复
评论头像
专收爆米花 博主 2022年11月07日
切换头像节点
回复
评论头像
老化 2022年11月14日
这个要放在那个位置呢？放在自定义代码里未生效
回复
评论头像
专收爆米花 博主 2022年11月17日
需要改主题相应位置代码，不熟悉代码不建议修改
回复
评论头像
z 2023年10月24日
可以 :mrgreen: :mrgreen: :mrgreen:
回复
评论头像
666 2024年02月06日
6 hihihu各个环节
回复
评论头像
丢塔手游网 2024年08月14日
这个可以，准备去试试看看
回复
评论头像
nancy 2024年12月27日
:mrgreen: :mrgreen: 棒
回复

发表评论

表情 颜文字
😀😁😂🤣😃😄😅😆😉😊😋😎😍🥰😘😗😙😚😛😝🤗🤔🤨😐😑😶🙄😏😣😥😮🤤😴😪😵😵😵🤯🤠🤡🤥🤫🤔🤨😐😑😶🙄