css - 制作多边形的DIV

问题描述

问 题

如下图，想问下这样多边形的DIV该如何用代码写出来？
用纯代码的方法实现

解决方案

用 transform: skew() 绘制平行四边形，再使用伪元素或多个Div拼接。Demo：

• A Demo from CodePen

• transform skew - MDN

这篇关于css - 制作多边形的DIV的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！