AkhilRaja Posted November 29, 2021 Share Posted November 29, 2021 i created this simple Hover animation, the problem im facing is when im hovering from left to right or in ascending order the animation is running good but if i go from right to left or descending order the animation play after the previous animation as "reverse animation" get complete. i use z index 2 logic so i can stop the current element from being overlap which is only working when we are moving left to right or in ascending order. i want the animation to play while moving "right to left or descending order" same as its playing right now for "left to right or in ascending order" See the Pen GRMKVQg by AkhilRaja (@AkhilRaja) on CodePen Link to comment Share on other sites More sharing options...
Solution OSUblake Posted November 29, 2021 Solution Share Posted November 29, 2021 Hi Akhil, You would need to change the zIndex before the animation starts, kind of like this... See the Pen QWqWpNN by GreenSock (@GreenSock) on CodePen 4 1 Link to comment Share on other sites More sharing options...
AkhilRaja Posted November 30, 2021 Author Share Posted November 30, 2021 thank you so much @OSUblake 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now