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

ativar um componente clicando em outro


roneyword

Pergunta

boa tarde,

gostaria de saber como ativo um campo, clicando ou passando o mouse em cima de outro.

<div class="col-xs-12 col-md-3">
                    <div class="card border-0 sombra-h" id="mydiv">
                        <img class="card-img-top img-fluid" src="img/cidade4.jpg" alt="Card image cap">
                        <div class="card-body">
                            <h5 class="card-title"><strong>Los Angeles</strong></h5>
                            <p class="card-text">sexta-feira 30 junho, 2018</p>
                            <button class="btn btn-primary" id="vibrar"><i class="fas fa-shopping-cart"></i> comprar</button>
                        </div>
                    </div>
                </div>

gostaria que quando entrasse nessa minha div (id="mydiv") o botão iria fazer uma animação.

 

minha classe css (estilo.css)

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

 

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

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
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...