letehaha
@letehaha
Вникаю вo front-end

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

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

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

В примере нужно: Нажмите на иконку письма справа внизу -> Заполните форму и отправьте её -> Наблюдайте мою проблему в момент спуска формы в письмо
  • Вопрос задан
  • 83 просмотра
Пригласить эксперта
Ответы на вопрос 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
через z-index вряд ли получится. тебе нужно довести форму до нижнего края конверта и там остановить. а потом уменьшать height до нуля. как будто форма пропадает в письме.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы