Сочетайте легкость входа и легкость выхода ⇐ CSS

[Anonymous]

У меня есть два элемента с анимацией. Анимация первых элементов длится 1 секунду и имеет кривую замедления кубического Безье(0,5, 0, 0,5, 1) (замедление и замедление). Анимация второго элемента начинается через 0,5 с после первого, длится 0,5 с и имеет кривую замедления кубического Безье(0, 0, 0,5, 1) (только замедление ). Я думал, что это позволит их анимации совпадать, поскольку обе кривые заканчиваются одинаковым замедлением, но первый элемент в середине движения движется немного быстрее, чем второй. Как сделать так, чтобы анимация совпадала? И если уж на то пошло, как мне совместить любую кривую замедления с кривой плавности входа/выхода в аналогичной ситуации? Визуальный пример на JSFiddle
Я попробовал изменить плавность второго элемента и очень близко подошел к этому с помощью Cubase-Bezier(0.3, 0.6, 0.5, 1) но это все равно не полностью совпадает.

Подробнее здесь: https://stackoverflow.com/questions/786 ... h-ease-out