SOURCE

console 命令行工具 X clear

                    
>
console
var phoArr = document.getElementById("photos");
var phoNum = phoArr.getElementsByTagName("img");
var phoLen = phoNum.length;
var ang = Math.floor( 360/phoLen);
for(var i = 0; i < phoLen; i++){
  // phoNum[i].style = 'transform : rotateY(' + ang*i + 'deg) ';
  phoNum[i].style = 'transform : rotateY(' + ang*i + 'deg) translateZ(300px) ';

}
<div class="wrap">
        <div id="photos">
            <img class="pic1" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1589292931115&di=b7be6bdbee1f5c6de4c2ff574fcc7b1a&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Ftranslate%2F20171126%2Fz0Q2-fypathz6085926.jpg" alt="">
            <img class="pic2" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1318688603,1582720198&fm=26&gp=0.jpg" alt="">
            <img class="pic3" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3410613773,1541592131&fm=15&gp=0.jpg" alt="">
            <img class="pic4" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1589293125147&di=9f0ed394d0a05999fef0afa1fa138f76&imgtype=0&src=http%3A%2F%2Fi2.chinanews.com%2Fsimg%2Fhd%2F2015%2F12%2F13%2Fe6c0c9d9491c43be9af7f7e7458cf435.jpg" alt="">
            <img class="pic5" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2726796893,3994757563&fm=11&gp=0.jpg" alt="">
            <img class="pic6" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2113306794,1304154578&fm=11&gp=0.jpg" alt="">       
        </div>
</div>
*{
     padding: 0px;
     margin: 0px;
 }   
 body{
     background-color: black;
 }
 .wrap{
     perspective: 1600px;

 }
 #photos{
     width: 300px;
     height:300px;
     margin: 200px auto;
     transform-style: preserve-3d;
     transition: all .5s ease;
     /* animation: spin 20s linear infinite; */

 }
 img{
     width: 250px;
     height: 300px;
     margin-bottom: 100px;
     position: absolute;
     border: 1px solid gray;
     border-radius: 20px;
     opacity: 0.8;
 }
@keyframes spin {
         from {
             transform: rotateY(0);
         }
         to {
             transform: rotateY(360deg);
         }
 }