Hey everyone, I am trying to make a card-flip animation for my gallery images. I followed video tutorial as well as written version but for some reason it flips the top card but does not show back card at all.
No problem Vincent. It initially worked for me for a few minutes before the back image disappeared. I undid new additions but the problem persisted. I guess I will have to start from scratch again, but still I would love to know what went wrong to avoid this problem again in the future.
I don’t even know why the backface of the front is showing. I would never have used images but rather divs with images in it or backgrounds, But I tried it too and the backface is showing. Also the Hover can’t be on this element or it loses the hover event assoon as it starts to flip… I never understood why this tutorial worked actually.
So I managed to get one card flipping for now. It will automatically stop working after a short time like it did before but for now I am not touching it. My question is this - how can I get other cards to work properly seeing how I am using same classes for them. Is there something I’m missing?
I took a peek, and I’m curious about this too – I couldn’t find any reason.
As a work-around, you could simply copy the one that works, modify each copy as needed, and delete the ones that don’t. (I tested this idea, and it seems to work.)
Thanks @tkister This method worked for as well but I still can’t understand why it has to be this way. I really appreciate the help.
@Revolution it’s the first tile on left top row. It flips to show back image but all other tiles do not. A workaround Tina and I found is to duplicate the first tile. It’s annoying but since I’m still in planning phase, it’s not an issue. Let’s hope it stays this way.
To insert the animation into my videos I usually use Viosk , may be will be helpful for someone. I had just the similar problem some time ago, so that I solve it just using this tool.
Can’t thank you enough for that @Revolution. Your idea was actually far superior than what I had envisioned and this is what I’m going with for the site. Appreciate your help man.
