Answer 1

***** I've uploaded this recording to show what I'm seeing. Are you expecting something different?

UPDATE: Link to Recording:

https://www.sololearn.com/post/423921/?ref=app

Answer 2

I would turn back time based, simply with another transformation after some seconds.

Answer 3

Easiest way:
https://www.sololearn.com/learn/CSS/2253/

Answer 4

How 🙄

Answer 5

If you still want it time based, try this:

#container:hover .front{
animation-name: flip;
animation-duration: 5s;
}
#container:hover .back{
animation-name: flip;
animation-duration: 5s;
}
@keyframes flip {
0% {transform:rotateY(90deg);}
10% {transform:rotateY(180deg);}
99% {transform:rotateY(0deg);}
}

Answer 6

On my phone it works

Answer 7

***** It appears to be working for me on my phone app. Did you fix this?

Answer 8

Learn about html and then CSS pretty much and js to get toastᕙ(＠°▽°＠)ᕗ