<style>
.box {
width: 200px;
height: 200px;
margin: 30px auto;
transform-style: preserve-3d;
transition-property: none;
position: relative;
animation: 30s move linear infinite;
}
@keyframes move {
0% {
transform: rotate(0);
}
100% {
transform: rotateX(-5deg) rotateY(360deg);
}
}
</style>
```html
<body>
<div class="box">
<div class="d1"><img src="./pic/lb1.jpg" alt=""></div>
<div class="d2"><img src="./pic/lb2.jpg" alt=""></div>
<div class="d3"><img src="./pic/lb3.jpg" alt=""></div>
<div class="d4"><img src="./pic/lb4.jpg" alt=""></div>
<div class="d5"><img src="./pic/lb5.jpg" alt=""></div>
<div class="d6"><img src="./pic/xin.jpg" alt=""></div>
</div>
</body>