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

+4

All... this is likely an app issue. it does not work on my iPhone or iPad. I just see a static blue card; no animation at all. I will test it on my Android VM a little later and update this post... ***** David Carroll Sandra Meyer [Edit] iPhone App: No Animation iPhone/Safari: 1 Animation cycle on Start, but no hover over effect. iPad Pro App: No Animation iPhone/Safari: 1 Animation cycle on Start, but no hover over effect. Androidx86: Works Fine Androidx86/Chrome: Works Fine Mac/Safari: Works Fine Windows/Chrome: Works Fine

+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?

+1

David Carroll FYI: 404 on your post on all but the Android app again. 🙇🏻‍♂️

0

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