ฃใส่รูปเยอะกว่านี้ได้ป่ะ ทำแล้วมันทับกัน

✨ PAKIN KAOPHUTHAI

<html>
<head>
<title>Let's Start
</title>
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
background: linear-gradient(45deg, hsl(330, 80%, 80%), hsl(20, 80%, 60%));
height: 100vh;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

.slider{
position: relative;
width: 200px;
height: 200px;
transform-style:preserve-3d;
animation: rotate 30s linear infinite;
}

@keyframes rotate{
from{
  transform: perspective(1000px) rotateY(0deg);
}
to{
  transform: perspective(1000px)  rotateY(360deg);
}

}
.slider span{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform-origin: center;
transform-style: preserve-3d;
transform: rotateY(calc(var(--i) * 45deg)) translateZ(350px);
transition: all .8s ease-in;
}

.slider span img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius: 50px;
object-fit: cover;
transition: 2s;
}

.slider span:hover img{
transform: rotateY(180deg) translateY(-50px) scale(1.3);
}

</style>
  </head>
  <body>
   	<div class="slider">
        <span style="--i:1"><img src="https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg"></span>
        <span style="--i:2"><img src="https://media.discordapp.net/attachments/932854342938157106/938472276469362698/LINE_ALBUM__220202.jpg"></span>
        <span style="--i:3"><img src="https://cdn.discordapp.com/attachments/932854342938157106/938445633688305685/image0.jpg"></span>
        <span style="--i:4"><img src="https://cdn.discordapp.com/attachments/932854342938157106/938445781373976576/image0.jpg"></span>
        <span style="--i:5"><img src="https://cdn.discordapp.com/attachments/932854342938157106/938445959090819092/12191425_1649428228673172_864599006006520156_n.png"></span>
        <span style="--i:6"><img src="https://cdn.discordapp.com/attachments/932854342938157106/938446214322606150/479086_229730913801232_2062353454_o.png"></span>
        <span style="--i:7"><img src="https://cdn.discordapp.com/attachments/932854342938157106/938448366935900220/IMG_5722.png"></span>
        <span style="--i:8"><img src="https://cdn.discordapp.com/attachments/932854342938157106/938453191832530954/received_503359747799871.jpeg"></span>
    </div>
    
  </body>
</html>