perspective-origin 属性

perspective-origin: x-axis y-axis;

/* HTML */
<div class="stage"> 
    <figure class="ball"></figure> 
</div>
    
/* CSS */
.stage{ 
    position: relative; 
    height: 150px; 
    width: 150px; 
    margin: 50px; 
    padding:10px; 
    color:#fff; 
    border: 1px solid black; 
    perspective:150; -webkit-perspective:150; /* Safari and Chrome */ } 
.box{ 
    padding:50px; 
    position: absolute; 
    border: 1px solid black; 
    background-color: red; 
    transform: rotateX(45deg); -webkit-transform: rotateX(45deg); /* Safari and Chrome */ }