Javascript 如何在Html和css中创建以下形状容器

我正在尝试创建一些具有不同尺寸或形状的容器

我不知道如何在CSS中实现它

我尝试过使用transform:skewsome-px，some-px或border-radius，但并没有按照我想要的那样工作

无法放置图像，因为在容器上悬停前后都有阴影效果

解决方案->

您可以尝试变换透视属性并在父容器上沿y方向稍微旋转

transform: perspective(400px) rotateY(45deg);

---

你能输入一些你试过的代码吗？你想要卡片形状吗？是的，我试过的卡片形状代码宽度：600px；高度：360px；填充：10px；变换：透视700px旋转10度；背景：f9f9f9；边界半径：20px；问题是这个css从上到下都有一个倾斜的形状，但我只需要从下到下。不要通过创建另一个帐户重复同样的问题，我们将以同样的方式关闭它。编辑您的旧问题，如果您有代码或更多详细信息，您也可以查看此链接。。。