Why my Html/Css code is not working on SoloLearn app, even though it's working fine on desktop version and browsers. ??

Question

Following is the code attached. Check and lemme know the problem.
https://code.sololearn.com/WK7mnteT7pz4/?ref=app

Answer 1

Excuse me.. Chrome does needs webkit.(Personally not a big fan of chrome)
Have a look at the changes
https://code.sololearn.com/WZ7raazdIkM2/?ref=app

Answer 2

Uxair

You need to check the version of your android browser

As of this moment, the latest version of chrome and Android web browser fully supports @keyframes meaning there is no need for webkit prefix.

You can use caniuse website to research what earlier versions do need webkit
https://caniuse.com/#search=%40keyframe

You should also check out Autoprefixer https://autoprefixer.github.io/

Answer 3

Uxair,
In the SoloLearn app,
The web development section in SoloLearn executes the document and scripts in their servers and you acces them throught your default browser.
After reading your question, My guess is that you are using SoloLearn with Safari browser which needs the webkit to execute the css animations/translations.
https://stackoverflow.com/questions/3468154/what-is-webkit-and-how-is-it-related-to-css

Answer 4

I am using Android sololearn app on mobile and making this code on Desktop using Sublime text and chrome browser

Answer 5

But, i am using Chrome in laptop and it's working fine without webkit , even i have tested code in other online editors using chrome it was working.