Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marcossantana10

Elementos (botões) dentro de hover em imagem

Recommended Posts

Olá galera, eu gostaria usar esse efeito no meu projeto, quando o usuário passa o mouse, a foto recebe essa camada por cima com as opções de alguns botões dentro (que serão como o exemplo, as redes sociais).

O problema é que não sei como faz, nem sequer sei o nome do efeito. O exemplo de como eu quero tá no link abaixo, na sessão "OUR TEAM" na home mesmo, ou clicando no menu superior em "TEAM":

http://creativelycoded.com/demos/eDental/

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por rachelvillaradm
      A MPE Marketing Digital é um blog de conteúdo que ajuda Micro e Pequenos Empresários e Empreendedores autônomos a alcançarem sucesso no Marketing Digital. Também selecionei os melhores Cursos de Marketing Digital Presencial no Rio e Cursos de SEO Presencial no Rio. Estude, planeje e aplique ações de Marketing Digital em seu negócio. SUCESSO!
    • Por andre2654
      Bom dia, peço humildemente a ajuda de vocês,
      Enfim, estou fazendo um exemplo de site, só para teste mesmo, onde terá uma janela principal perguntando em qual site a pessoa quer ir(1 só empresa, porém dois negócios) ai se a pessoa clicar em alguma das melecas, quero que ela abra mostrando o site, ou só uma imagem mesmo

    • Por petrochinski
      Eu tive uma ideia muito boa, mas não consegui fazer ainda.
       
      A ideia é simples, eu tenho um botão escrito 'Contato', quando passar o mouse gostaria que ele "abrisse" uma div logo abaixo (dropdown), como por exemplo aparecer o telefone somente se passar o mouse.
       
      Não achei nenhum tópico com essa ideia... é que gostaria de fazer sem utilizar nav, pois nav é o menu, e a ideia inicial é de fato ser um botão que aparece as informações quando se passa o mouse.
       
      Grato :)
    • Por AsxCle
      Olá pessoal
       
      Estou com problema ao utilizar o hover, criei um botão que tem uma imagem como background, queria que toda vez que eu passar o mouse, o botão ficaria escuro, ou seja, diminuiria a transparência do mesmo. Já tentei colocar um segundo background com opacidade de 0, e quando passasse o mouse, opacidade ficaria 1, mas não deu certo. Poderiam me ajudar?
       
      HTML
       
      <!DOCTYPE html>
      <html lang="pt-br" dir="ltr">
        <head>
          <meta charset="utf-8">
          <title>--.--</title>
          <link rel="stylesheet" type="text/css" href="--..--.css">
          <!--<link href="css/hover.css" rel="stylesheet" media="all">-->
        </head>
        <body>
          <h1 id="pcp"> 選べ </h1>
          <button class="first">
          </button>

        </body>
      </html>
       
      CSS 
       
      .first {
          background-image: url(001-T.png);
        }
       
      Tudo que eu tentei não deu certo, já criei até um subclass com :before, mas em vão, então só restou isso do css, pois é o background.
    • Por Gabriel Barros Santana
      Oi, estou com uma duvida. Estava criando um meno de categorias para um site e-commerce na tray.
      Porém estou lutando para editar na plataforma da tray. Tenho um menu horizontal com os subníveis vertical porém queria editar para alterar o estilo e conteúdo mas a tray ta sendo bem estranha para mim alguma ajuda ? 
       
      Queria mudar desse menu hover normal de lista do site "JP" pra esse mais dinâmico com um caixa maior e com foto de produtos como exemplo do site "casas bahia".
       


×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.