Hi, Just getting started and this is probably a very easy answer but I haven't been able to turn up anything so far.
I'm trying to create a very simple animation of a site's logo on page load like so:
TweenMax.from(".logo-svg", 1, {y:-100, scale:0.85, opacity: 0, delay: 2});
However, as the script is being loaded last at the bottom of the page, the logo is flashing up for a second before the animation is triggered.
I know I could stop this by setting the opacity of the logo to 0 in the css, then use TweenMax.to instead, but the .from method is much more intuitive to build the animation with (especially as I want to chain a few more animations on).
Is there a simple solution to hide the element before the animation's triggered? I've tried playing round with immediateRender but it doesn't seem to have any effect.
Thanks in advance, Jack
PS sorry for lack of code pen but I wasn't sure it'd be too useful given the query is more to do with the order of assets loading.