TheErrorExe/ba
1
0
Fork 0
mirror of https://github.com/TheErrorExe/blockattack synced 2025-09-06 05:20:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
TheErrorExe 2025-01-06 19:52:23 +01:00 committed by GitHub
parent 6c0cf07616
commit 9be1b762d3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
index.html
View File

@ -15,6 +15,7 @@
background-size: cover; background-size: cover;
cursor: pointer; cursor: pointer;
margin-top: 20px; margin-top: 20px;
transition: background 0.5s ease-in-out; /* Übergang beim Wechsel der Bilder */
} }
/* Stil für das GIF */ /* Stil für das GIF */
@ -29,7 +30,7 @@
background-size: cover; background-size: cover;
} }
/* Stil für das verstecken von Elementen */ /* Stil für das Verstecken der Elemente */
.hidden { .hidden {
visibility: hidden; visibility: hidden;
} }
@ -119,27 +120,29 @@
const boomSound = new Audio('tnt-boom.mp3'); const boomSound = new Audio('tnt-boom.mp3');
boomSound.play(); boomSound.play();
// Zeige das GIF // Ersetze das PNG durch das GIF
tntGif.style.display = 'block'; tntBlock.style.backgroundImage = "url('tnt-explode.gif')";
tntGif.style.display = 'block'; // Zeige das GIF an
// Verstecke alle Elemente nach 4 Sekunden // Verstecke alle anderen Elemente nach 4 Sekunden
setTimeout(() => { setTimeout(() => {
allElements.forEach(el => { allElements.forEach(el => {
el.classList.add('hidden'); el.classList.add('hidden');
}); });
}, 4000); }, 4000);
// Nach 7 Sekunden alle Elemente wieder sichtbar machen // Nach 4 Sekunden das PNG wiederherstellen und das GIF entfernen
setTimeout(() => {
tntBlock.style.backgroundImage = "url('tnt-explode.png')";
tntGif.style.display = 'none'; // Entferne das GIF
}, 12000); // Warte 12 Sekunden (4s Sound + 7s Unsichtbarkeit + 1s GIF Anzeige)
// Nach 11 Sekunden alle Elemente wieder sichtbar machen
setTimeout(() => { setTimeout(() => {
allElements.forEach(el => { allElements.forEach(el => {
el.classList.remove('hidden'); el.classList.remove('hidden');
}); });
}, 11000); }, 11000);
// Verhindere das Abspielen des GIFs im Hintergrund, wenn es nicht sichtbar ist
tntGif.addEventListener('animationend', () => {
tntGif.style.display = 'none'; // Stoppe das GIF
});
} }
</script> </script>
</body> </body>