Need some help here

Question

Why the animation applied for one circle is affecting all the circles in the given code ? Any solution for this ?

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

Answer 1

check now.. maybe u'll find help
https://code.sololearn.com/WLp6W655whV9/?ref=app

Answer 2

my latest try.. here you can find vertical and horizontal animation as u want Hemant Jaiswal
https://code.sololearn.com/WLTwP4tHn09G/?ref=app

Answer 3

Nice , but what if I want to change size of the one circle in animation without affecting size of another cricles ? 🤔

Answer 4

this might help
only little problem i have to fix is that they are vertically stacked
https://code.sololearn.com/W86D7n6VgA2q/?ref=app

Answer 5

I think I see the problem, the animation is in fact only being applied to the first circle. However, since they're in a flexbox, when the first circle grows, it forces all of the others to grow vertically and shrink horizontally because the first circle is taking up more space.
check this out, it might make things a bit clearer.
https://code.sololearn.com/WUrrcVu1mPIc/?ref=app

Answer 6

Check this code out, I replaced the padding with
height:60px;
width:60px;
To make it constant.

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

Answer 7

Scooby🍔 064XP Roel Thanks a lot guys problem is solved now 😀

Answer 8

its also same
I want animation for single circle only
but in my code animation of one circle leads to animation of all the circles
any solution for this if I want animation of only one circle at a time ?

Answer 9

I have another question for you guys check out here :-

https://www.sololearn.com/discuss/1309262/?ref=app

Answer 10

No problem!:)