.box2{
    transform-style: preserve-3d;
    transform: rotateX(-10deg) rotateY(10deg);
    animation-name: ani2;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* 动画等待一下 */
    animation-delay: 6.5s;
}
.box2>img{
    opacity: 0.5;
}
.box2>img:nth-child(1){
    transform: translateZ(150px);
    transition-delay: 0.5s;
}
.box2>img:nth-child(2){
    transform: rotateY(180deg) translateZ(150px);
    transition-delay: 1s;
}
.box2>img:nth-child(3){
    transform: rotateY(90deg) translateZ(150px);
    transition-delay: 1.5s;
}
.box2>img:nth-child(4){
    transform: rotateY(-90deg) translateZ(150px);
    transition-delay: 2s;
}
.box2>img:nth-child(5){
    transform: rotateX(90deg) translateZ(150px);
    transition-delay: 2.5s;
}
.box2>img:nth-child(6){
    transform: rotateX(-90deg) translateZ(150px);
    transition-delay: 3s;
}
.box2>img:nth-child(7){
    transform: rotateY(60deg) translateZ(600px);
    transition-delay: 3.5s;
}
.box2>img:nth-child(8){
    transform: rotateY(120deg) translateZ(600px);
    transition-delay: 4s;
}
.box2>img:nth-child(9){
    transform: rotateY(180deg) translateZ(600px);
    transition-delay: 4.5s;
}
.box2>img:nth-child(10){
    transform: rotateY(240deg) translateZ(600px);
    transition-delay: 5s;
}
.box2>img:nth-child(11){
    transform: rotateY(300deg) translateZ(600px);
    transition-delay: 5.5s;
}
.box2>img:nth-child(12){
    transform: rotateY(360deg) translateZ(600px);
    transition-delay: 6s;
}
/* 从第7张图片开始，透明度变高 */
.box2>img:nth-child(n+7){
    opacity: 1;
}
/* 定义一个动画转起来 */
@keyframes ani2{
    0%{
        transform: rotateX(-10deg) rotateY(0deg);
    }
    100%{
        transform: rotateX(-10deg) rotateY(360deg);
    }
}