Share Posted January 12 Hi there, I'm really new to GSAP so please excuse any rookie mistakes. I have a row of slightly overlapping elements. On hover, I want one element to grow slightly and push its neighbours away. It's nearly right, but I've noticed a couple of things. 1. The first time I hover over an item, the animation is slower and a bit stuttery I tried to capture this in a screen grab. When I hover over the same item again, the animation is snappy. https://pasteboard.co/xEI77Yj1qqlL.gif I'm using transform: scale, not width/height so I thought it would be smooth. 2. When I mouseout of one item and mouseover the next, the width of the row bounces I would prefer for the row's width to stay at its max, and for only the mouseout and mouseover elements to move. Then when I move my mouse out of the row entirely, the width of the row would contract. This one is less GSAP-specific and more implementation, I know, but I would appreciate any pointers. Thanks! See the Pen oNMBxPm by aileen-r (@aileen-r) on CodePen Link to comment Share on other sites More sharing options...
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!Register a new account
Already have an account? Sign in here.Sign In Now