Как я могу реализовать подобные hover эффекты при наведении на картинку?

Question

[Zhenya Tureysky]

Что то типа это того:

Comments

[Kentavr16]

Css маска.пример.

[Ankhena]

Сначала нужно узнать, что должно происходить потом.
Если человек должен кликнуть на картинку, то оборачиваем картинку в ссылку, ссылке задаем псевдоэлемент и позиционируем его поверх картинки. Гридом или абсолютами.
Либо картинка и ссылка должны иметь общую обертку. Ссылку скрываем, при наведении на обертку показываем поверх картинки.

Answer 1

[imko]

Например сделать псевдоэлемент с картинкой, который будет виден только при наведении

твойэлемент:hover::before{
// ставишь картинку, позиционируешь и так далее
}