groupe1cir1n/groupe1CIR1Njs
1
0
Fork 0
mirror of https://github.com/groupe1cir1n/groupe1CIR1Njs.git synced 2026-03-18 21:40:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

function slide not functionning

Browse Source
This commit is contained in:
Clément Brossaud
2023-05-28 05:03:14 +02:00
parent 29511cf5a8
commit ffe6c3c4cd
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/js/index/index.js
View File

@@ -24,16 +24,17 @@ function displayWord() {
}, 1000);
});
}
function slide(element, distance, duration, delay) {
element.style.transform = `translateX(-${distance}px)`;
element.style.transition = `transform ${duration}ms ease ${delay}ms`;
setTimeout(() => {
element.style.transform = 'translateX(0)';
function slide(element, distance, duration, delay) {
element.style.transform = `translateX(-${distance}px)`; // Déplacer l'élément vers la gauche
element.style.transition = `transform ${duration}ms ease ${delay}ms`; // Ajouter une transition
setTimeout(() => { // Remettre l'élément à sa position initiale
element.style.transform = 'translateX(0)'; // Déplacer l'élément vers la gauche
}, 0);
}
const element = document.getElementById('myElement');
slide(element, 100, 500, 200);
const element = document.getElementById('LabHidden'); // Récupérer l'élément à animer
slide(element, 100, 500, 200);
displayWord();