StickyLove前端学习之路（二）

分类: 文章 • 2023-11-28 10:59:10

StickyLove前端学习之路（二）
原理其实很简单，只要将有宽高的div通过旋转45度角就完成了。

StickyLove前端学习之路（二）
我是将两个div盒子叠加在一起，其中一个盒子设置基础背景色，另一个盒子设置不同的间隙小盒子完成的。

其中.desc为背景盒子，.mask为间隙盒子,.mask p为间隙小盒子，如下图：