Css 如何仅向底角变换倾斜？

我对如何变换一侧（顶部或底部）的角感到困惑，只需如下所示：

正常：

转化：

---

有人能帮我吗？在这里，顶角保持不变，底角进行变换。我怎样才能做到这一点呢？

你可以从这样的东西开始，干净而简单，没有多个

div

s

#梯形{
宽度：200px；
高度：100px；
利润率：50像素；
变换：透视（100px）旋转（-45度）；
背景颜色：灰色；
}

---

您可以从这样的东西开始，干净而简单，无需多个

div

s

#梯形{
宽度：200px；
高度：100px；
利润率：50像素；
变换：透视（100px）旋转（-45度）；
背景颜色：灰色；
}

---

您可以使用和

变换获得类似的输出：rotateX（-45度）CSS属性，下面是一个工作片段：


.scene{
位置：相对位置；
左：100px；
宽度：200px；
高度：200px；
利润率：40像素；
/*透视特性*/
透视图：400px；
}
.小组{
宽度：100%；
身高：100%；
背景：蓝色；
变换：rotateX（-45度）；
}
您可以使用和
变换获得类似的输出：rotateX（-45度）CSS属性，下面是一个工作片段：


.scene{
位置：相对位置；
左：100px；
宽度：200px；
高度：200px；
利润率：40像素；
/*透视特性*/
透视图：400px；
}
.小组{
宽度：100%；
身高：100%；
背景：蓝色；
变换：rotateX（-45度）；
}

这有一个角。我需要两个角（左下角，右下角）。现在检查！我已经更新了我的代码。我需要转换。你的意思是设计应该翻转？小边应该在底部？是的，但是有变换技巧。（你们在演示中展示的是正确的，但我需要与TransformCSS相同的效果）这有一个角。我需要两个角（左下角，右下角）。现在检查！我已经更新了我的代码。我需要转换。你的意思是设计应该翻转？小边应该在底部？是的，但是有变换技巧。（你们在演示中展示的是正确的，但我需要与TransformCSS相同的效果）这就是我要寻找的。但你所说的转变是什么意思？啊，不能只对一个div执行此操作？对不起，我的意思是
rotateX（）
将更新我的答案。这就是我要找的。但你所说的转变是什么意思？啊，不能只对一个div执行此操作？对不起，我的意思是
rotateX（）
将更新我的答案。