Part 3 - Last details and animation width

Post.js

executeEnteringTransition = (node, done) => {
  /* same code */
  
  const {
    height: heightFrom,
    top: topFrom,
    scale: scaleFrom,
    ...mainFrom
  } = this.from;
  const { height: heightTo, top: topTo, scale: scaleTo, ...mainTo } = this.to;

  composite({
    heightAndTop: tween({
      from: { height: heightFrom, top: topFrom, scale: scaleFrom },
      to: { height: heightTo, top: topTo, scale: scaleTo },
      duration: 800,
      ease: myEasing
    }),
    main: chain(
      delay(500),
      tween({
        from: mainFrom,
        to: mainTo,
        duration: 250
      })
    )
  })
    .pipe(({ main, heightAndTop }) => ({ ...heightAndTop, ...main }))
    .start({ /* same code */ });
};