Hello people
I have a problem. I created the animation which you can see in my codepen. The third animation is not smooth in chrome and safari. It is working ok in firefox but in chrome and safari it is shaky. Anyone any idea why this is happening? I'm animation the width from 0 to 100% of the inner div. I know animation width is not according to the flip approach but well, didn't know how to solve the problem otherwise.
Ah you need to scroll down so the animation starts.
Any help appreciated!
External link: https://condescending-bhabha-c8e37c.netlify.com/circle_house.html