Как манипулировать независимыми блоками используя z-index?

Question

[Дмитрий]

Вот здесь о чем я говорю

У меня есть 3 независимых HTML-блока (форма, письмо и "Thanks"). Как сделать так, что бы при анимации форма скрывалась Внутрь формы, а не за неё? Если бы блоки были в одном контейнере, то bg у письма я бы сделал через z-index: -1, а для формы любой выше 0 (я проверял, так будет работать). Но по некоторым обстоятельствам я не могу использовать данный метод, и потому блоки должны быть самостоятельными. В общем, посмотрите пример и если есть идеи, подскажите пожалуйста)

В примере нужно: Нажмите на иконку письма справа внизу -> Заполните форму и отправьте её -> Наблюдайте мою проблему в момент спуска формы в письмо

Answer 1

[iBird Rose]

через z-index вряд ли получится. тебе нужно довести форму до нижнего края конверта и там остановить. а потом уменьшать height до нуля. как будто форма пропадает в письме.

Comments

[Дмитрий]

Я думал сделать такой вариант, но заказчику не понравилось)