How to put a image over a line wave animation

Question

Make the image travel with the line wave

Answer 1

https://code.sololearn.com/WJQ6mCTtohDS/?ref=app
https://code.sololearn.com/WL99n07UJ34n/?ref=app
https://code.sololearn.com/Wys9sCI87AvL/?ref=app

Answer 2

Do you mean to make an image move in a curved path? (e. g. Make it move with sine function)
If so, you could do that with two different key frame animations...

Here is an example of such:
https://stackoverflow.com/questions/36618548/animate-an-element-on-a-sine-path

Answer 3

I want to move image over line
Ex
https://codepen.io/owenbaoguojie/pen/LYEPvXV

Answer 4

Amrish Kumar.G , your link doesn't work... 404

Answer 5

canvas wave line animation codepen type this u will get it

Answer 6

The image should not move from left to right it should be on the same place oscillating up and down. With the line

Answer 7

Amrish Kumar.G, alright here is an example of how to animate image to move up and down:

https://code.sololearn.com/WsE8vpwjnrdx/?ref=app

Answer 8

Bro check this https://codepen.io/AmrishKumarG/pen/oNwONKV

Answer 9

While u open in browser after "pen/" the letter are converted to small so if u change the letter after "pen/" to oNwONKV it will work

Answer 10

If u see that u will get bro

Answer 11

I want to place those red circle in many part of sin line