How to add flip event when clicked shows back details?

Question

I am making an code of a credit card.i want to add a function in it which flip the whole card and shows back details like CVV.
How i done this if any one know please help me.
https://code.sololearn.com/WTVh84g767yz/?ref=app

Answer 1

You could it do with adding to the card container:

transform: rotateY(180deg);

Ajay Malwal this example will help you:

https://code.sololearn.com/WR7iDTeAF4KW/?ref=app

Answer 2

I would add an event listener to either a button or a part of the card, when the user taps the button it displays the second image.

See if any of these help.

https://code.sololearn.com/WFbQhNvDnETI/?ref=app
https://code.sololearn.com/W0MJIYm1xYKQ/?ref=app
https://code.sololearn.com/WJb34H18aRlC/?ref=app