Animate

Question

why this code animation doesnt work ?
https://code.sololearn.com/WONhIvaavowZ/?ref=app

Answer 1

- Forgot a closing } for #thecircle id
- Made the animation duration infinite which means so sense, you need to give it a duration like 3s. What I think you meant is
animation-iteration-count: infinite;
this makes the animation go forever

Answer 2

TurtleShell
is translate responsible for moving ?

Answer 3

Shimaa Fikry it's the recommended way to animate movement

Answer 4

MEET MEHTA
TurtleShell
Doniyorbek Urinboyev
it worked
and I got it now
thanks all ^-^

Answer 5

Missed } at line 19

Hope this helps ☺️☺️.

Answer 6

MEET MEHTA
fixed it
TurtleShell
it works
thanks alot .. since yesterday and i was hopless 😅😅😅

Answer 7

TurtleShell
it works with color
now i changed it to move
and still not working .. what is the wrong now ?

Answer 8

Shimaa Fikry use
transform: translate(0, 50px);