Animation in der eine Biene auf einer Blume landet und nach ein paar Sekunden wieder fortfliegt. Nutze passende Piktogramme. Gib keine Erklärungen, nur den Code.'s game

Click here for free DL of the app version that can save data.

No:30752

167

←

Prev Next

→

Animation in der eine Biene auf einer Blume landet..ALL
Developer User14077｜Date and time 23/12/24 2:13:18
Build time 8.398 sec｜Game capacity 1.467KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Biene auf Blume</title>
    <style>
        #flower {
            width: 50px;
            height: 50px;
            background-image: url('flower.png');
            background-size: cover;
        }

#bee {
            width: 50px;
            height: 50px;
            background-image: url('bee.png');
            background-size: cover;
            position: absolute;
            top: 50%;
            left: 50%;
            transition: left 2s, top 2s;
        }
    </style>
</head>
<body>
    <div id="flower"></div>
    <div id="bee"></div>

bee.style.left = (window.innerWidth / 2) + "px";
            bee.style.top = (window.innerHeight / 2) + "px";

function flyToFlower() {
                bee.style.left = (flower.offsetLeft - bee.offsetWidth / 2) + "px";
                bee.style.top = (flower.offsetTop - bee.offsetHeight / 2) + "px";
                setTimeout(flyAway, 2000);
            }

function flyAway() {
                bee.style.left = (window.innerWidth / 2) + "px";
                bee.style.top = (window.innerHeight / 2) + "px";
                setTimeout(flyToFlower, 2000);
            }

flyToFlower();
        };
    </script>
</body>
</html>