Как сверстать такую карточку товара при ховере?

Question

[hoppiN]

Как сделать так, чтобы при ховере, карточка поднималась над другими? Тень это само собой разумеющееся, но как немного увеличить её?

Answer 1

[Виталий Першин]

transform: scale(1.1); на hover

Comments

[akavato]

scale не очень себя хорошо ведёт, в хроме плывёт текст, в фаерфоксе анимация не особо плавная.

[Виталий Першин]

akavato, Не обязательно использовать его на весь блок, можно фон повесить на псевдоэлемент например. Обновил ответ

[akavato]

Виталий, это важное уточнение