perspective 属性

/* Keyword value */ 
perspective: none; 

/* <length> values */ 
perspective: 10px; 
perspective: 4.5em;

/* 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 */ 
    perspective-origin: 10% 10%; -webkit-perspective:10% 10%; 
    } 
.box{ 
    padding:50px; 
    position: absolute; 
    border: 1px solid black; 
    background-color: red; 
    transform: rotateX(45deg); 
    -webkit-transform: rotateX(45deg); /* Safari and Chrome */ }