Как сделать Hover эффект в каталоге товаров?

Я уже находил подобную тему Как сделать hover эффект для товара? , пытался следовать ей, но немного не получается.
Суть вопроса в том, чтобы изначально скрыть краткое описание, и при наведении на товар, оно плавно появлялось.
Пробовал применять такой вид
.woo-product-short-desc {
visibility:hidden
}

что помогает мне скрыть (но остается белое пространство пустое) возможно нужно использовать скрипт? помогите разобраться в этом

сайт Ссылка
  • Вопрос задан
  • 776 просмотров
Пригласить эксперта
Ответы на вопрос 1
bugo_aneo
@bugo_aneo
Верстальщик по жизни, буддист, кофеман
При чем тут visibility:hidden?
Вы изначально скрываете часть описания путем назначения max-height + box-shadow или градиент на футер карточки.
НА ховер вешаете увеличение высоты и убирание градиента или тени.

Ботон подсвечиваете по каскаду на ховер по селектору ~

.parent:hover ~ .btn 
{ background-color: green;}


PS max-height - отлично анимируется
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы