Как сделать плавное вылетание div из сетки bootstrap на весь экран?

Question

[Alex]

Есть стандартная сетка карточек col-md col-xs ....
Хочется по клику плавно увеличивать блок из места где он расположен на весь экран и обратно.

jsfiddle.net/87qkpcp7

Как лучше это сделать? Создать еще 1 элемент на месте выбранного с position:absolute и его потом перемещать?

Comments

[Андрей Федоров]

А что не так? Ваш фидл работает...

[Alex]

Андрей Федоров: Плавно вылетает из того места где расположен и увеличивается

[Андрей Федоров]

Alex: А надо как?

[Alex]

Андрей Федоров: jsfiddle.net/az07zLog/2 Вот так только чтобы увеличивалось не x5 от размера, а на весь экран как в примере из вопроса

Answer 1

[Алексей Зуев]

Логика примерно такая
Лучше чтобы всплывающая картинка была большего размера

Comments

[Alex]

Там не картинка будет а поле с текстом, расширяемое при увеличении

[Alex]

Ну логика понятна. Но что то в купе с Angular смотрится как то "странно". Подожду еще вариантов, решением отмечу позже. Спасибо.

[Алексей Зуев]

Alex: Накидайте plunker для ангуляр версии

[Alex]

Алексей Зуев: Да проблемы с переносом логики у меня не будет. Просто копировать элемент это дурной тон.

[Алексей Зуев]

Alex: И в вопросе не слова про ангуляр)

[Алексей Зуев]

Alex: Вот вариант без клонирования элемента https://jsfiddle.net/yurzui/Lanuff9v/4/

[Alex]

Алексей Зуев: Ну я предполагал, что решение более или менее тривиальное типа на фреймах анимации. 20% делаем позицию 40% разворациваем....
Да и фича то не Ангуляра. Это больше верстки вопрос, но да, в доме манипуляции производить в обход Ангуляра это плохо.

[Alex]

Алексей Зуев: А с div так не получится ? https://jsfiddle.net/Lanuff9v/5/

[Алексей Зуев]

Alex: Вот еще маленько другой вариант jsfiddle.net/yurzui/87qkpcp7/3

[Алексей Зуев]

Alex: С div селектор будет просто $(this) https://jsfiddle.net/yurzui/Lanuff9v/6/

[Alex]

Алексей Зуев: Как еще раз отметить решением?

Answer 2

[Андрей Федоров]

так? jsfiddle.net/pft7tu49

Comments

[Alex]

нет, оно у вас вылетает из левого верхнего угла. А должно из того места, где находилась плитка.