criar Efeito em imagem de um card bootstrap

[Joao Claudio Vilanova]

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/  ou o que está nesta https://demo.athemes.com/sydney/

 

alguém poderia explicar por favor como se faz isso ?

Editado Maio 18, 2022 por Joao Claudio Vilanova

[lowys]

O bootstrap é um conjunto de classes css com soluções mais comuns para o desenvolvimento web frontend.
Para situações específicas, vais precisar escrever seu próprio css

Nas duas situações dos dois links passados, é apenas mudança de estado de elementos html, usando css transition, quando:hover

[Joao Claudio Vilanova]

Valeu amigo, obrigado

[Frank K Hosaka]

Encontrei um exemplo bacana em Using CSS transitions - CSS | MDN (mozilla.org)

<style>
a {color: #fff; background-color: #333; transition: all 1s ease-out;}
a:hover, a:focus {color: #333; background-color: #fff; }
</style>
<nav>
  <a href="#">Home</a>
  <a href="#">About</a>
  <a href="#">Contact Us</a>
  <a href="#">Links</a>
</nav>