Hello, I wanted to ask - is it possible to run the from() animation on an element after the to() animation has worked on it?
Here's an example, first I run the to() animation:
let hideSearchTl = gsap.timeline({
defaults: {
ease: 'cubic-1',
duration: 0.2,
overwrite: true,
},
}),
elements = $('selector');
hideSearchTl.to(elements, {
width: 0,
autoAlpha: 0,
padding: 0,
});
Then, when performing certain actions, I want to return the element with a from() animation:
hideSearchTl.from(elements, {
width: 0,
autoAlpha: 0,
padding: 0,
});
Using reverse() is not entirely suitable (or I don’t know how to use it) because it “reverses” the easy property. I need easy the same as in to() animation. As far as I understand the complexity in the filled style attribute, I just can’t come up with a solution.