CSS利用伪元素写一个盒子并且实现斜切角

分类: 文章 • 2024-08-07 07:47:09

效果如图
CSS利用伪元素写一个盒子并且实现斜切角
这个地方是用伪元素写一个盒子,然后使用css3来实现斜切角

deg的切得位置,transparent是切的位置,然后是颜色,最后是切的位置

最后，如果想要这个盒子自适应标题，加一行
width：117%
CSS利用伪元素写一个盒子并且实现斜切角
谢谢我的大佬朋友们的指点~