3D动画旋转图（包含代码，图片自找）

样式：

ul,

li {

margin: 0;

padding: 0;

list-style: none;

}

.box {

width: 200px;

height: 200px;

position: relative;

margin: 100px auto;

animation: rt 5s linear infinite;

transform-style: preserve-3d;

}

.box ul li {

position: absolute;

left: 50px;

top: 50px;

width: 100px;

height: 100px;

background: url(pic3.webp) no-repeat;

background-size: 100px 100px;

}

.box ol li {

position: absolute;

left: 0;

top: 0;

width: 200px;

height: 200px;

transition: 2s;

opacity: 0.5;

background: url(pic2.jpeg);

background-size: 100% auto;

}

.box ul li:nth-child(1) {

transform: rotateX(90deg) translateZ(-50px);

}

.box ul li:nth-child(2) {

transform: