不是很理解我调整transparent-origin 为80% 50% 不是应该从右往左看吗？

  body{
   -webkit-perspective:500px;
   perspective:2000px;
  perspective-origin:80% 50%;
  
   }
  .cube{
    display:inline-block;
    width:100px;
    height:100px;
    margin:500px;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
   }
 .cube div{
   position:absolute;width:100%;
   height:100%;box-shadow:inset 0 0 15px rgba(0,0,0,.2);line-height:100px;text-align:center;
  
     -webkit-backface-visibility:hidden;
   backface-visibility:hidden;}
 .front{
  transform:translatez(50px);}
 .left{
     transform:rotatey(-90deg) translatez(50px);
 }
 .right{
  transform:rotatey(90deg) translatez(50px);
  }
 .top{
  transform:rotatex(90deg) translatez(50px);}
 .bottom{
  transform:rotatey(-90deg) translatez(50px);}
 .back{
  transform:rotatey(180deg) translatez(50px);}
  
   </style>
</head>

<div class='cube'>
  <div class='front'>1</div>
  <div class='left'>2</div>
  <div class='right'>3</div>
  <div class='top'>4</div>
  <div class='bottom'>5</div>
  <div class='back'>6</div>
 
</div>