Preloader timeline

[AntonioNB4]

I will want something like this. I don't understand why my logo not appear from bottom at first time

See the Pen yLXYawz by nicofonseca (@nicofonseca) on CodePen

 

 

I create this

See the Pen oNJOpLM by Antonio-Nocella (@Antonio-Nocella) on CodePen

[mvaneijgen]

Are you looking for something like this? You SVG was really big, so the start of the animation happend of screen. I've scaled it down, so that is is just the height of the browser window. 

 

I've also changed your first tween to a .from(), so it now comes from the bottom and then goes up. Hope it helps and happy tweening! 

 

See the Pen zYyXWOx?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

[AntonioNB4]

1 hour ago, mvaneijgen said:

Are you looking for something like this? You SVG was really big, so the start of the animation happend of screen. I've scaled it down, so that is is just the height of the browser window. 

 

I've also changed your first tween to a .from(), so it now comes from the bottom and then goes up. Hope it helps and happy tweening! 

 

 

 

Astonishing!!! Ty so much. 
what if I wanted to have the logo not active already upon loading, perhaps with an opacity? 

@mvaneijgen