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

เหลือเปลื่ยน 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-image: url("https://cdn.discordapp.com/attachments/932854342938157106/938769002153521162/81894919_3215500015133730_858356919276929024_n.png");
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background-position: center;
            background-size: cover;
        }

.slider {
            position: relative;
            width: 155px;
            height: 155px;
            transform-style: preserve-3d;
            animation: rotate 30s linear infinite;
          margin-top: 11rem;
        }

@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) * 25.7deg)) 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://media.discordapp.net/attachments/932854342938157106/938448820533067837/57F08C54-0523-4E58-ADF3-5EE561A1B374.jpg?width=493&height=669");
        }
        .img2:hover {
            background-image: url("https://media.discordapp.net/attachments/873200480782782475/938754107848675358/IMG_0353.jpg?width=670&height=670");
        }
/*       วิน */
        .img3 {
            background-image: url("https://media.discordapp.net/attachments/932854342938157106/938445959090819092/12191425_1649428228673172_864599006006520156_n.png?width=503&height=670");
        }
        .img3:hover {
            background-image: url("https://media.discordapp.net/attachments/873200480782782475/933751544271228991/me1.jpg?width=669&height=670");
        }
/*       โปร */
        .img4 {
            background-image: url("https://media.discordapp.net/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/938472276469362698/LINE_ALBUM__220202.jpg");
        }
        .img5:hover {
            background-image: url("https://cdn.discordapp.com/attachments/872799055682621480/938729833096155156/Q_252021_210206_16.jpg");
        }
/*        น้ำเงิน*/
        .img6 {
            background-image: url("https://media.discordapp.net/attachments/932854342938157106/938446481738850354/71962A62-4142-47E3-99A1-794116A4BF5B.jpg");
        }
        .img6:hover {
            background-image: url("https://media.discordapp.net/attachments/882994038356197467/938740229823668284/103747E7-84D2-498F-960A-9089A0B8DF0E.jpg?width=503&height=670");
        }
/*       พูม */
        .img7 {
            background-image: url("https://media.discordapp.net/attachments/932854342938157106/938445633688305685/image0.jpg?width=381&height=670");
        }
        .img7:hover {
            background-image: url("https://media.discordapp.net/attachments/933752001127407657/938742886000910366/image0.jpg?width=379&height=670");
        }
/*       ต้า */
        .img8 {
            background-image: url("https://media.discordapp.net/attachments/932854342938157106/938445781373976576/image0.jpg?width=734&height=670");
        }
        .img8:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
/*       ซันนี่ */
        .img9 {
            background-image: url("https://media.discordapp.net/attachments/932854342938157106/938446214322606150/479086_229730913801232_2062353454_o.png?width=894&height=670");
        }
        .img9:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
/*       เก็ต */
        .img10 {
            background-image: url("https://media.discordapp.net/attachments/932854342938157106/938446293024538684/20F520FA-A49D-4B68-8051-B68690DAB486.jpg?width=503&height=670");
        }
        .img10:hover {
            background-image: url("https://cdn.discordapp.com/attachments/874231369268613120/938686983558017034/FB_IMG_1643870802822.jpg");
        }
/*       แพลงตอน */
        .img11 {
            background-image: url("https://media.discordapp.net/attachments/932854342938157106/938446347437211678/IMG_20220202_214942.jpg?width=358&height=670");
        }
        .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://media.discordapp.net/attachments/879057290274156604/938740160902860850/IMG_2766.png?width=578&height=670");
        }
        .img13:hover {
            background-image: url("https://media.discordapp.net/attachments/879057290274156604/938740405158174791/IMG_2767.png?width=645&height=670");
        }
/*        ปาม*/
        .img14 {
            background-image: url("https://cdn.discordapp.com/attachments/861974571753799700/938463103308398642/received_331272802215898.jpeg");
        }
        .img14:hover {
            background-image: url("https://media.discordapp.net/attachments/932854342938157106/938728819412590632/165571263_2936078013385429_2815196158344099416_n.jpg?width=670&height=670");
        }

</style>
</head>

</script>
</body>

</html>