Hey guys. I have these two animations in my project. When I run either the 'to' or the 'from' by themselves they have the desired effect but when I try to run one after the other only the second one seems to run.
let tl = gsap.timeline();
tl.to(prevItem,{transform: "translate3d(0%, 0%, 100px)"});
tl.from(prevItem,{transform: "translate3d(0%, 0%, 100px)"});
I am trying to translate 'prevItem' from a predetermined position and then back to its predetermined position. I want to be ale to change the predetermined position and don't want it defined within the animation itself.
Also just noticed that in Chrome it's not animating in Z space?