CSS语言如何绘制几何平行四边形
更新:HHH   时间:2023-1-7


小编给大家分享一下CSS语言如何绘制几何平行四边形,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

 
<div>
click
</div>
.parallelogram {
text-align: center;
position: relative;
}
.parallelogram::before {
transform: skew(-45deg);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
content: ' ';
background: #fb3;
}

以上是“CSS语言如何绘制几何平行四边形”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注天达云行业资讯频道!

返回web开发教程...