Как сделать такой эффект?

Question

[Конан Варвар]

Коллеги, привет.
У меня есть такие карточки. Внутри карточек есть текст видимый и не видимый(который появляется при ховере, при этом он толкает нижние блоки, что логично). Вопрос: Как мне сделать что бы появившийся текст не вытеснял нижние карточки, а наезжал на них сверху? Абсолютное позиционирование? Карточка выносится полностью с потока и ломает структуру. Помогите кто советом, кто делом? Буду очень благодарен.

Answer 1

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

Вам нужно каждой ячейке дать обертку с фиксированным шириной и высотой. Обертке дать position: relative, а вложенным элементам position: absolute;
https://jsfiddle.net/xdt50yd6/1/

Answer 2

[Дмитрий]

Пример