Как такое сверстать?

Question

[Twelfth Doctor]

Здравствуйте. Есть следующая задача:
есть 2 фрейма, в одном фрейме видео, в другом - pdf презентация.
Нужно сделать кнопку при нажатии на которую:
первый фрейм становится большими занимает центр экрана, второй фрейм "уходит" в левый верхний угол
До нажатия на кнопку:
После нажатия на кнопку:

Т.е. по нажатию кнопки содержимое самих фреймов меняется местами.

Answer 1

[Ragtime Kitty]

Можно сделать две секции: в одной из них большой блок, в другой маленький. По клику на кнопку менять их местами.


Анимации, чтобы "уходил", это уже jQuery либо ручками.

Answer 2

[Matthew Stafford]

JS

Comments

[Twelfth Doctor]

А можно чуть более подробно? Просто я в JS - полный ноль, а задачу нужно решить разово

[Matthew Stafford]

Я сам не разбираюсь не в том, не в том. Просто знаю, что все что должно двигаться на сайте реализуется через javascript

Попробуй там почитать что-нибудь, может как-нибудь поможет

Эффект jQuery — смена одного блока другим при нажатии одной из кнопок?

[Ragtime Kitty]

Matthew Stafford,

Просто знаю, что все что должно двигаться на сайте реализуется через javascript

Сейчас transition и @keyframes на вас очень сильно обиделись, извинились бы, что ли.

[Matthew Stafford]

Ragtime_Kitty, хорошо, что я с ним не знаком)))

[Twelfth Doctor]

Ragtime_Kitty, а как можно это реализовать на чистом CSS?

[Ragtime Kitty]

Twelfth Doctor, через абсолютное позиционирование и checkbox/radio, в зависимости от количества блоков, которое нужно менять. С анимациями, напитками и прочими развлечениями. Но это упоротый вариант, вам лучше через JS.