<style>
*{
padding: 0;
margin: 0;
}
.aa {
border: 1px red solid;
width: 200px;
height: 200px;
background: url(./img/1未选中.png) no-repeat;
background-size: cover;
transform: rotateY(40deg);
}
.bb{
transform-style: preserve-3d;
perspective: 1000px;
margin-left: 200px;
}
</style>
<div class="bb">
<div class="aa">
<p>中光电</p>
<p>中光电</p>
<p>中光电</p>
</div>
</div>
需要在父盒子加透视,才会有3D的效果