luke-else/luke-else.co.uk
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Allow card to flip both ways

Browse Source
This commit is contained in:
Luke Else
2022-04-22 22:39:25 +01:00
parent 68496c1677
commit 24659bc269
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
flip.js
View File

@@ -1,4 +1,14 @@
var flipped = false;
function flipCard() { function flipCard() {
document.getElementById('card-front').style.transform = 'rotateX(-180deg)';
document.getElementById('card-back').style.transform = 'rotateX(0deg)'; if (!flipped) {
document.getElementById('card-front').style.transform = 'rotateX(-180deg)';
document.getElementById('card-back').style.transform = 'rotateX(0deg)';
flipped = true;
}else{
document.getElementById('card-front').style.transform = 'rotateX(0deg)';
document.getElementById('card-back').style.transform = 'rotateX(-180deg)';
flipped = false;
}
} }