Хорошо, я добавляю другой ответ, так как вопрос изменился.
Я до сих пор не уверен, чего вы пытаетесь достичь. Если вы просто хотите, чтобы 1-й div перемещался и перекрывал 2-й, зачем также анимировать 2-й? Или, если вы хотите, чтобы оба переместились, только 1-й еще, зачем давать ему то же значение translateX?
Кроме того, я не понимаю, зачем вам вообще нужны преобразования. Если вам просто нужно translate()
и никаких других преобразований, шансы на абсолютное или относительное позиционирование, вероятно, будут работать для вас также (и имеют гораздо лучшую поддержку браузера)