Simple Swiping Up, compare with the White Rabbit (https://codepen.io/rachelnabors/pen/eJyWzm)

animations.js

export function playSwipeInAnimation(element, height) {

  const ANIMATION_DURATION = 500;

  const TIMING = {
    duration: ANIMATION_DURATION,
    fill: 'forwards',
    easing: 'cubic-bezier(0.42,0,0.58,1)',
  };
  
  const KEYFRAMES = [
    {
      marginBottom: `-${height}px`,
    },
    {
      marginBottom: '0',
    },
  ];

  const effect = new window.KeyframeEffect(element, KEYFRAMES, TIMING);

  const animation = new window.Animation(effect, document.timeline);

  return playAnimationPromise(animation);
}

function playAnimationPromise(animation) {

  return new Promise((resolve, reject) => {
    window.requestAnimationFrame(genericAnimationFrameCallback(animation, resolve, reject))
  });
}

function genericAnimationFrameCallback(animation, resolve, reject) {
  try {
    animation.onfinish = () => resolve(animation);
    animation.play();
  } catch (e) {
    console.error(e);
    reject(e);
  }
}