Помогите пожалуйста розобратся с эти м макетом

[misinkevych.alina]

Не могу понять как сделать такой ховер?

[ElizavetaSenkova]

Всё, что отображается при наведении положи в div и дай класс hidden. Этот див обязательно вставь первым в li (а потом уже изображение и тд). Потом этот hidden сделай display none. И в конце пропиши, что при наведении на карточку товара отображается спрятанный hidden - типо этого : 

.catalog-item:hover .hidden {

display: block;

}

 

[klierik]

Здравствуйте.

Вот простой пример реализации этой задачи:

[misinkevych.alina]

07.05.2019 в 19:33, ElizavetaSenkova сказал:

Всё, что отображается при наведении положи в div и дай класс hidden. Этот див обязательно вставь первым в li (а потом уже изображение и тд). Потом этот hidden сделай display none. И в конце пропиши, что при наведении на карточку товара отображается спрятанный hidden - типо этого : 

.catalog-item:hover .hidden {

display: block;

}

 

Большое спасибо!

 

[misinkevych.alina]

13 часов назад, klierik сказал:

Здравствуйте.

Вот простой пример реализации этой задачи:

Большое спасибо! Все получилось!