Двухслойная карточка с эффектом сборки!

В этой фишке карточка состоит из двух слоёв, которые изначально разнесены по оси Y, а при наведении плавно сходятся в единую плоскость.

Как работает:

• Карточка выступает контейнером-триггером для hover;

• Два слоя позиционируются абсолютно и физически разведены через transform;

• При наведении transform сбрасывается в 0, и слои сходятся;

• Один hover управляет сразу несколькими элементами, без дублирования логики.

Приём хорошо масштабируется: подходит для карточек сервисов, профилей, feature-блоков и любых grid-раскладок.

Code Ready | #фишка