Efeito ao passar mouse sobre imagem

[jcvilanova]

Galera, alguém sabe como se faz esse efeito de quando se passa o mouse sobre o card, como o que vi nesta página :

https://www.ryazbek.com.br/ e o que está nessa tambem https://demo.athemes.com/sydney/

alguém poderia explicar por favor como se faz isso ? Gostaria de fazer isso no meu site

[felquis]

Seria algo assim:

.title {
  background: white;
  opacity: 0;
  transform: traslateY(-1rem);
  transition: opacity transform;
}

.card:hover .title {
  opacity: 1;
  transform: translateY(0rem);
}

Veja se te ajuda a ter uma base de como pode ser feito.

[jcvilanova]

DEU CERTO, OBRIGADO