Give one part of timeline a different easing

[iamsebastn 0 Likes (Newbie)]

Hey people! 
I have one question. 

I have this animation:

tl.fromTo(
  ".main-wrapper",
  {
    blur: 20,
    opacity: 0
  },
  {
    blur: 0,
    opacity: 1,
    duration: 5,
    ease: "bounce.in"
  }
);

So far so good. The animation works fine.  Except one part. 
What I want to achieve is that the opacity should have it's custom ease (like for example "linear") . While the rest should be the bounce.in animation. 

is it possible to give the opacity it's own easing while on the same timeline?
 

[Trapti 177 Likes (Specialist)]

tl.fromTo(
  ".main-wrapper",
  {
    blur: 20,
  },
  {
    blur: 0,
    duration: 5,
    ease: "bounce.in"
  }
)
.fromTo(
  ".main-wrapper",
  {
    opacity: 0
  },
  {
    opacity: 1,
    duration: 5,
    ease: "linear"
  }, "<"
);

One way is to create a different tween for that.