Как сверстать такой элемент?

Question

[aliasst]

Подскажите как сделать такие блоки? Активный блок должен увеличивать и приближаться, меняться фон..

Comments

[Сергей delphinpro]

Верстаешь два одинаковых серых блока.
Потом одному пишешь доп класс (например active) и переписываешь часть стилей от этого класса.
Увеличивать надо не блок, а только задник (элементы внутри не увеличены).
Самое простое тут - сделать задник отдельным элементом (или псевдоэлементом) и трансформировать его transform: scale(1.1) + добавить тень и z-index +1.

[aliasst]

Сергей: спасибо помогли.. вроде разобрался с этим.. а как сделать чтобы при нажатии на блок к он становился активным и к нему применялись соответствующие стили? это уже яваскрипт нужен?

[Сергей delphinpro]

Да

[aliasst]

Сергей: спс

[dom1n1k]

Только надо быть готовым, что scale будет мылить шрифты (как минимум в некоторых браузерах)