[Set two animations , same timeline]

Hello

 

I started recently using gsap , however i'm struggling with 1 question.

 

The basic stuff i want is 1 element get the css 'Left : - 150px' then after 2 seconds the same element will have the css 'top: 60px' the current code i have is this one .

 

 breadTL.fromTo(firstBread , 1.3 , {left: '0'} , {left: '-200'});
    breadTL.fromTo(firstBread , 1.3 , {left: '0' , top: '-100'} , {left: '0' , top:'60'}).delay(1.3);

 

I want the element to slide to left then after 1 second slide in from the top .

 

Something like the user scrolls and the element slides to left (leave screen) and after 1 second appears from top (enter screen).

 

Thanks in advance.