0

How to put a image over a line wave animation

Make the image travel with the line wave

1st Oct 2021, 8:12 AM
Amrish Kumar.G
Amrish Kumar.G - avatar
11 ответов
+ 1
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
1st Oct 2021, 10:03 AM
Aleksei Radchenkov
Aleksei Radchenkov - avatar
0
I want to move image over line Ex https://codepen.io/owenbaoguojie/pen/LYEPvXV
1st Oct 2021, 10:07 AM
Amrish Kumar.G
Amrish Kumar.G - avatar
0
Amrish Kumar.G , your link doesn't work... 404
1st Oct 2021, 10:09 AM
Aleksei Radchenkov
Aleksei Radchenkov - avatar
0
canvas wave line animation codepen type this u will get it
1st Oct 2021, 10:20 AM
Amrish Kumar.G
Amrish Kumar.G - avatar
0
The image should not move from left to right it should be on the same place oscillating up and down. With the line
1st Oct 2021, 10:27 AM
Amrish Kumar.G
Amrish Kumar.G - avatar
0
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
1st Oct 2021, 10:55 AM
Aleksei Radchenkov
Aleksei Radchenkov - avatar
1st Oct 2021, 11:39 AM
Amrish Kumar.G
Amrish Kumar.G - avatar
0
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
1st Oct 2021, 11:42 AM
Amrish Kumar.G
Amrish Kumar.G - avatar
0
If u see that u will get bro
1st Oct 2021, 11:42 AM
Amrish Kumar.G
Amrish Kumar.G - avatar
0
I want to place those red circle in many part of sin line
1st Oct 2021, 11:43 AM
Amrish Kumar.G
Amrish Kumar.G - avatar