Ir para conteúdo
Fórum Script Brasil
  • 0

criar Efeito em imagem de um card bootstrap


Joao Claudio Vilanova

Pergunta

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 por Joao Claudio Vilanova
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 2

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

Link para o comentário
Compartilhar em outros sites

  • 0

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>

 

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...