GSAP.defaults different for FROM and TO

[Remco]

Hi all! 

 

I love to set some defaults at the start of my project, like the default duration and ease. 

Is it possible to set defaults specific for FROM or TO animations?

 

Something like this:

gsap.defaults({
                'from': {
                  ease:     'power3.in',
                  duration: 0.6
                },
                'to': {
                  ease:     'power1.out',
                  duration: 0.2
                }
              });

Any idea?

[Cassie]

Not like that I'm afraid but you could do this...

 

It's a little more repetitive, but less so than writing out the properties every time
 

let fromdefaults = {
  some: stuff,
  some: morestuff,
}

tl.from('.elem', {
  yPercent: 200,
  ...fromDefaults
})

 

[Remco]

Thanks Cassie, that's nice solution which im using too for now. 

 

Maybe in a future version of GSAP . 

[Carl]

You also might be interested in registerEffect()

 

Once you put a little time into making an effect, they require very little code to customize

 

See the Pen LYNBZww by snorkltv (@snorkltv) on CodePen

[Remco]

Never thought of that for my solution. Thanks Carl!