当我尝试使用“perspective”属性然后“transform：rotateY(10deg)”时，效果也适用于子元素。我想要一个具有透视效果的矩形，但不希望内部的文本具有透视效果。任何想法？
我创建了一个 JSFIDDLE 示例 https://jsfiddle.net/j0ofgbLo/1/
.container {
perspective: 500px;
}
.content{
transform: rotateY(-45deg);
background: #ddd;
min-width: 100px;
padding: 0 20px;
}<div class="container">
<div class="content">
<h3>Text</h3>
</div>
</div>