@ABOBA_2932u4

Как сделать чтобы hover покрыл картинку?

При бэкграунд не покрывает картинку
Нужно так:
60d0840bde281543585555.png
Код:
https://jsfiddle.net/0jqfm42e/
  • Вопрос задан
  • 36 просмотров
Решения вопроса 1
Seasle
@Seasle Куратор тега CSS
\( ゚ヮ゚)/
Это делается в два слоя. На первом - картинка, название и вся сопутствующая информация. На втором - кнопки добавления в корзину, поделится и лайк. Второй слой изначально делаете скрытым, рисуете его поверх (position: absolute), скрываете (opacity: 0; visibility: hidden;). При (:focus, :focus-within и :hover) показываете (opacity: 1; visibility: visible;).
Возможно добавляете JS, чтобы узнать, был ли наведен курсор и после убран с карточки (именно в таком порядке), чтобы скрыть второй слой (сделать .blur, если пользователь сфокусирован).
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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