luke-else/luke-else.co.uk
1
0
Fork 0
Code Issues 1 Pull Requests 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 30a5d53bc0
commit 357f0b06f3
1 changed files with 12 additions and 2 deletions
Show Stats 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() {
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;
}
}