Увеличение карточки товара css?

Question

[alalala]

Как правильно сделать как тут
т.е есть сетка продуктов, по наведению на карточку, карточка увеличивается, при этом остальные не съезжают
в исходнике покопался, все ровно не понял как реализовано
это делается абсолютным позиционированием?

Answer 1

[approximate solution]

В данном случае у карточек при наведении срабатывает отмена overflow: hidden

Comments

[alalala]

если бы только это
я имею ввиду сам блок, если бы только hidden отменялся
он бы ломал сетку

Answer 2

[blolg]

Это сделано при помощи псевдо элемента :before

По умолчанию он скрыт при помощи overflow:hidden, а на :hover отображается.