CSS如何画出平行四边形

其实如果项目中有这样的画图 还是会用到的比如

CSS如何画出平行四边形_第1张图片
看起来样子怪怪的 哈哈 但是确实可以完成一些需求哈哈哈

这个就要用到一个css3转换的一个 属性了 skew
让一个元素再平面上进行倾斜

 div {
            width: 200px;
            height: 50px;
            background-color: #f00;
            transform: skew(20deg);
            margin: 100px;
        }   

注意这个再画一些梯形的问题中还是很有效果的哦

CSS如何画出平行四边形_第2张图片
关注我 持续更新前端知识 前端学无止境
毕竟坑太多了

你可能感兴趣的:(css,前端)