@Eunomiac Sooo I finally got around to
@Eunomiac Sooo I finally got around to playing with GSAP, and it looks incredible.
I'm running into one issue though that I can't find a clear answer for, perhaps you know!
TL;DR is it possible to crossfade an App re-render?
I have basically all my (AppV2) apps set-up using Handlebars rendering; so whenever the app re-renders the DOM is fully replaced. I looked into using Flip but couldn't get that to do much of anything (as it appears to mostly be 'positioning' based, so f.e. if only text or only images change, but not the position of their elements, I can't get it to cross-fade that transition).
I tried creating a cloned element set to absolute positioning over the current app -> re-render the app -> fade out the old app while fading in the new one, but this "stutters" (primarily due to images, see attached example pre vs post
Don't really have any other ideas to try and my google searches are failing me, so wonder if you have any ideas, or how you handle this in your use of gsap, or; if this is an issue you never run into because what I'm trying to do is silly and there's a much easier way to do stuff ^^;
I'm running into one issue though that I can't find a clear answer for, perhaps you know!
TL;DR is it possible to crossfade an App re-render?
I have basically all my (AppV2) apps set-up using Handlebars rendering; so whenever the app re-renders the DOM is fully replaced. I looked into using Flip but couldn't get that to do much of anything (as it appears to mostly be 'positioning' based, so f.e. if only text or only images change, but not the position of their elements, I can't get it to cross-fade that transition).
I tried creating a cloned element set to absolute positioning over the current app -> re-render the app -> fade out the old app while fading in the new one, but this "stutters" (primarily due to images, see attached example pre vs post
appendChildDon't really have any other ideas to try and my google searches are failing me, so wonder if you have any ideas, or how you handle this in your use of gsap, or; if this is an issue you never run into because what I'm trying to do is silly and there's a much easier way to do stuff ^^;
Similar Threads
Was this page helpful?
