Как сделать движение блока по параболе?

Параболу нельзя построить по двум точкам.

В порядку бреда

@keyframes anim {
  0% {
    transform: translate(-30px, 90px);
  }
  10% {
    transform: translate(-24px, 57.6px);
  }
  20% {
    transform: translate(-18px, 32.4px);
  }
  30% {
    transform: translate(-12px, 14.4px);
  }
  40% {
    transform: translate(-6px, 3.6px);
  }
  50% {
    transform: translate(0px, 0px);
  }
  60% {
    transform: translate(6px, 3.6px);
  }
  70% {
    transform: translate(12px, 14.4px);
  }
  80% {
    transform: translate(18px, 32.4px);
  }
  90% {
    transform: translate(24px, 57.6px);
  }
  100% {
    transform: translate(30px, 90px);
  }
}

А так через JS( requestAnimationFrame и sin/cos )
www.the-art-of-web.com/javascript/animate-curved-path

Как вариант, сделать 2 вложенных анимации. Сам объект двигать вверх-вниз с замедлением движения в середине, а контейнер с этой анимацией двигать линейно по горизонтали. Но насколько это будет эффективно — надо тестировать.

ax2+bx+c = 0
Стандартное квадратное уравнение, которое имеет 3 варианта решения:

1. 2 точки пересечения с осью абсцисс
2. Одна точка (когда ось асцисс является касательной к экстремуму функции)
3. Не имеет пересечений. То есть, нет ни одного графического решения. Такое уравнение тоже можно решить, но нужно менять параметр с до и после решения.