如何利用 CSS3 在矩形中裁剪直角梯形？

发布日期： 2024-10-26 阅读量： 作者： 网络

如何利用 css3 在矩形中裁剪直角梯形？

裁剪出长方形中的小直角梯形

想在给定的长方形div中实现一个直角梯形？以下方法将帮你轻松解决这个问题：

利用css3中的clip-path属性和polygon函数，我们可以裁剪出任意形状的区域。

html部分：

<div class="container">
    <div class="status">空闲</div>
    <div class="number">3<span>台</span></div>
</div>

随便看看