เหลือเปลื่ยน background ทำไม่เป็นอะ (Copy 11673)

✨ PONGSIRI SUWANNASILP

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href='https://unpkg.com/boxicons@2.1.1/css/boxicons.min.css' rel='stylesheet'>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
        integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <style>
        body {
            background: hsl(310, 60%, 85%);
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

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

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

to {
                transform: perspective(1000px) rotateY(360deg);
            }
        }

.img {
            position: absolute;
            width: 100%;
            height: 100%;
            background-position: center;
            background-size: cover;
            transform-origin: center;
            transform-style: preserve-3d;
            border-radius: 50px;
            transform: rotateY(calc(var(--i) * 24deg)) translateZ(350px);
            transition: all 1s;
        }
/* 			เเม็ค */
        .img1 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
        .img1:hover {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938447531162079272/131996620_2135999193204042_7612105911633343476_n.png");
        }
/* 			niew */
        .img2 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938448820533067837/57F08C54-0523-4E58-ADF3-5EE561A1B374.jpg");
        }
        .img2:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
/*       วิน */
        .img3 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445959090819092/12191425_1649428228673172_864599006006520156_n.png");
        }
        .img3:hover {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
/*       โปร */
        .img4 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938446583018713109/IMG_2711.jpg");
        }
        .img4:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img5 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
        .img5:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img6 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
        .img6:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img7 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
        .img7:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img8 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
        .img8:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img9 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
        .img9:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img10 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
        .img10:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img11 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
        .img11:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img12 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
        .img12:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img13 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938445476523552769/523227_164618500342131_136883817_n.jpg");
        }
        .img13:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img14 {
            background-image: url("https://cdn.discordapp.com/attachments/861974571753799700/938463103308398642/received_331272802215898.jpeg");
        }
        .img14:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
        .img15 {
            background-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938472276469362698/LINE_ALBUM__220202.jpg");
        }
        .img15:hover {
            background-image: url("https://cdn.discordapp.com/attachments/872799055682621480/938729833096155156/Q_252021_210206_16.jpg");
        }
    </style>
</head>

</script>
</body>

</html>