Does anyone know how to animate an image to jump across the screen of home screen using html, css?

Question

How to animate an image character?

Answer 1

What exactly do you mean by "jump across" ?

Answer 2

Kornmeal you don't need jQuery for this, you can do it with CSS3 only.

Is the animation only going to happen once, when the webpage loads ?

Answer 3

https://code.sololearn.com/WxyVG130D4SD/?ref=app
https://code.sololearn.com/WXUa50y7mJ6K/?ref=app

Answer 4

Aymane Boukrouh I have an image say 60px or so and I want to simulate character going across screen as if jumping up say starting left side of screen then to the right going down slightly and back up even further to right side of screen and so on till he or image is across the screen and perhaps even when image reaches right side of screen completely does same appearance of motion coming back to left side of screen. I found a stackoverflow example which links to fiddle where someone moves the letter B across screen and back using jQuery but that code does not work when I copy it. Of course it's not going up and down but a similar premise is why I bring it up.

Answer 5

Aymane Boukrouh also to be clear this is not for a game or anything
Just a website homescreen with HTML, CSS and whatever else needed ie(bootstrap or jQuery)