Struggly

Works well, thanks a lot!!

Hey there, first of all - I love your work! GSAP is truly awesome! Today I noticed some strange behavior: I have a bunch of items arranged in a pyramidal shape using display: flex on the parent elements. I'd like to add a very basic animation to all of the flex items, e.g. let them scale from 0 to 1. When I do this using fromTo, the animation stutters and the frame rate drops considerably. If I try to achieve the exact same effect using CSS Animations, everything runs smoothly. I created an isolated pen where you can directly compare the GSAP and the CSS animation. If you lower the amount of flex items or stagger the animation, the frame rate increases. I can only assume that for some reason too much of the DOM is being repainted at the same time which causes the stutter, maybe the flexbox is trying to rearrange items while GSAP applies the inline styles - not sure though... Any suggestions are highly appreciated, thanks a lot and keep up the great work!