Я создаю простой нижний компонент листа материала, который открывается снизу вверх, как показано в этих примерах .
В свернутом режиме мне нужно показать заголовок листа которая 64px в высоту. Итак, моя начальная CSS позиция выглядит примерно так:
top: 100%;
transform: translateY(-64px);
И когда лист полностью открыт, мой окончательный CSS:
top: 100%;
transform: translateY(-100%);
Проблема в том, что я нужно твин от -64px до -100%. Есть ли способ, которым я могу сделать это, используя функцию Popmotion tween()?
С переходами CSS, я могу легко сделать это, так как браузер заботится об интерполяции. Но мне нужно использовать Popmotion, чтобы открыть, поскольку у меня сложная анимационная последовательность, переплетенная с этим анимационным эффектом?