+ 3

Need some help here

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

27th May 2018, 1:47 PM
Hemant Jaiswal
Hemant Jaiswal - avatar
10 Respostas
+ 4
check now.. maybe u'll find help https://code.sololearn.com/WLp6W655whV9/?ref=app
27th May 2018, 2:26 PM
Scooby
Scooby - avatar
+ 4
my latest try.. here you can find vertical and horizontal animation as u want Hemant Jaiswal https://code.sololearn.com/WLTwP4tHn09G/?ref=app
27th May 2018, 2:53 PM
Scooby
Scooby - avatar
+ 3
Nice , but what if I want to change size of the one circle in animation without affecting size of another cricles ? 🤔
27th May 2018, 2:29 PM
Hemant Jaiswal
Hemant Jaiswal - avatar
+ 3
this might help only little problem i have to fix is that they are vertically stacked https://code.sololearn.com/W86D7n6VgA2q/?ref=app
27th May 2018, 2:35 PM
Roel
Roel - avatar
+ 3
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
27th May 2018, 2:38 PM
064XP
064XP - avatar
+ 3
Check this code out, I replaced the padding with height:60px; width:60px; To make it constant. https://code.sololearn.com/WGg0ad4q6WC5/?ref=app
27th May 2018, 2:49 PM
064XP
064XP - avatar
+ 3
Scooby🍔 064XP Roel Thanks a lot guys problem is solved now 😀
27th May 2018, 3:18 PM
Hemant Jaiswal
Hemant Jaiswal - avatar
+ 2
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 ?
27th May 2018, 2:12 PM
Hemant Jaiswal
Hemant Jaiswal - avatar
+ 2
I have another question for you guys check out here :- https://www.sololearn.com/discuss/1309262/?ref=app
27th May 2018, 4:43 PM
Hemant Jaiswal
Hemant Jaiswal - avatar
+ 1
No problem!:)
27th May 2018, 4:39 PM
064XP
064XP - avatar