How can i make a flag animate with HTML? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 4

How can i make a flag animate with HTML?

I made a flag (Bangladesh) but i cant animate the circle inside the rectangle. Tell me a way to animate the circle. TIA

24th Jan 2018, 11:46 AM
Jakaria Ridoy
Jakaria Ridoy - avatar
10 Answers
+ 20
hey @Jakaria Ridoy :) please send an code link 😊👍
24th Jan 2018, 11:50 AM
Maxımee
Maxımee - avatar
+ 20
okay :) so , what you want ( of animation ) 😊😊
26th Jan 2018, 4:26 PM
Maxımee
Maxımee - avatar
+ 6
You're probably looking for <animate> tag? It's explained in HTML course. Or you can make animations with CSS.
26th Jan 2018, 4:33 PM
Tim Thuma
Tim Thuma - avatar
+ 5
Well the circle and rectangle are two totaly unconnected parts here so you must move the rect and then apply the same moves to the circle.
26th Jan 2018, 7:25 PM
Tim Thuma
Tim Thuma - avatar
+ 5
Just put a bigger from and to attribute, something like 95 to 395. If the difference between rect's from and to is 300, then the difference between circle's from and to should also be 300 so it stays in the middle.
26th Jan 2018, 7:43 PM
Tim Thuma
Tim Thuma - avatar
26th Jan 2018, 10:46 AM
Jakaria Ridoy
Jakaria Ridoy - avatar
+ 3
I want to move the inner circle go to right with the rectangle and advance i want to make the flag wave ! TIA
26th Jan 2018, 7:05 PM
Jakaria Ridoy
Jakaria Ridoy - avatar
+ 3
Tim Thuma I know that but I can move only the rectangle not the circle along with the rectangle😞
26th Jan 2018, 7:07 PM
Jakaria Ridoy
Jakaria Ridoy - avatar
+ 3
updated the code but circle doesn't stay in middle?
26th Jan 2018, 7:39 PM
Jakaria Ridoy
Jakaria Ridoy - avatar
+ 2
awesome 😀 thanks Tim Thuma
27th Jan 2018, 2:26 AM
Jakaria Ridoy
Jakaria Ridoy - avatar