![[灵光一现]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_25.51e6984.png)
获得徽章 24
- 觉好留赞，保证你能彻底弄懂JavaScript执行机制，让你不管是面试还是开发，都游刃有余
![[耶]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_72.04f3881.png)
评论1 - 【纯CSS能做的事情】使用clip-path和:nth-child()排版蜂窝布局
巧妙结合flexbox + margin + clip-path + transform + :nth-child()
懂我的人不多，里面有个彩蛋，没人找到的话5点再公布
线上演示：
codepen.io
更多纯CSS骚技巧：juejin.im 展开724
![[耶]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_72.04f3881.png)
巧妙结合flexbox + margin + clip-path + transform + :nth-child()懂我的人不多，里面有个彩蛋，没人找到的话5点再公布线上演示：
codepen.io更多纯CSS骚技巧：juejin.im 