How can i make it? | SoloLearn: Learn to code for FREE!

+5

How can i make it?

https://code.sololearn.com/WW3L6SFwaMOx/?ref=app This code is working good when you hover the mouse it is rotating But how can i make when the mouse hover away to be as original automarically?

5/28/2020 4:27:42 PM

*****

15 Answers

New Answer

+4

***** 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

+4

Thnks bro i saw it it's my phone not the code i tested another phone

+3

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

+3

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

+2

How?

+2

David Carroll it's working but when you take away the mouse over it it's not getting back to original color (skyblue)

+2

Sandra Meyer i know how @keyframes work thnks

+2

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);} }

+2

Sandra Meyer did u tried it it's not working!!

+2

On my phone it works

+2

How 🙄

+1

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

0

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