Как реализовать так карточку при hover на css?

Question

[Evgeii]

Подскажите как можно сделать с помощью css что бы при наведении на карточку слева она становилась как правая примерно с другим содержимом (Кнопка, текст, цвет)? Такое можно сделать на чистом css или нужно обязательно с js?

Answer 1

[Ankhena]

Сначала скрываете блок с доп.инфо, при наведении на карточку показываете.
Вариантов скрытия полно.

Comments

[Evgeii]

Получается в html присутствует разметки обоих блоков отдельно и при наведении у 1 становится дисплей блок например? И они друг под другом?

[Rustam Bainazarov]

Evgeii,

Изменение данных в div блоке при наведении?

[Ankhena]

Evgeii, нет, зачем 2 одинаковых ? Один блок, внутри него скрытый.

Answer 2

[Артём Ведищев]

https://jsfiddle.net/aj8k92zb/

Мой вариант.

ЗЫ:
Как скрыть/показать блок - масса вариантов