Adrien/Riichi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

rain speed

Browse source
This commit is contained in:
Didictateur 2026-02-18 16:24:54 +01:00
parent 8ab1f558e1
commit 93832e0747
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
index.html
View file

@ -33,7 +33,7 @@
@keyframes fall { @keyframes fall {
to { to {
transform: translateY(100vh) rotate(360deg); transform: translateY(100vh) rotate(var(--rotation));
opacity: 0; opacity: 0;
} }
} }
@ -70,8 +70,14 @@
tileElem.className = 'falling-tile'; tileElem.className = 'falling-tile';
tileElem.innerHTML = randomTile.svg; tileElem.innerHTML = randomTile.svg;
tileElem.style.left = Math.random() * window.innerWidth + 'px'; tileElem.style.left = Math.random() * window.innerWidth + 'px';
const duration = 3 + Math.random() * 2; const duration = 8 + Math.random() * 2;
tileElem.style.animationDuration = duration + 's'; tileElem.style.animationDuration = duration + 's';
// Rotation aléatoire à droite ou à gauche
const rotation = Math.random() * 720 - 360;
const direction = Math.random() > 0.5 ? 1 : -1;
tileElem.style.setProperty('--rotation', (rotation * direction) + 'deg');
container.appendChild(tileElem); container.appendChild(tileElem);
setTimeout(() => tileElem.remove(), duration * 1000); setTimeout(() => tileElem.remove(), duration * 1000);