Share Posted March 6 Hello Greensock members i am having this very strange issue that two display animation are supposed to happen at the same time but only happening after one another. i tried other options like (fromTo, visibility:hidden, and setting the same absolute timeline position) but they still fire after each other. My desired result is that green Portfolio disappear the moment the blue Portfolio shows up without the user noticing it (so at the same time) am i doing anything wrong with the timeline animation? os are display tweens just this hard to control? (green and blue are only to clarify that they are different divs, originally they are both green and user shouldnt notice the animation happening) ps: -I cant use opacity animation, it needs to be display: none 😕 - this is a page transition animation but only copied the navbar for codepen purposes. -using webflow interaction tool, the display animations did happen at the same time but the purpose here is to make all of the animation on gsap code See the Pen LYJjzXJ by hamadarabi (@hamadarabi) 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