Efeito hover nos links

2 participantes

Ir para baixo

Tópico resolvido Efeito hover nos links

Mensagem por gmedeiros 27.05.16 3:00

Detalhes da questão


Endereço do fórum: http://pixelar-design.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Poderiam me ajuda a encontrar tal efeito ? http://prntscr.com/b8wxqi quando passo o cursor por cima a linha vermelha expande e isso é em todos os links alguém poderia me ajudar ? pf
gmedeiros
gmedeiros
Novo Membro

Membro desde : 24/04/2015
Mensagens : 11
Pontos : 15

http://gilmedeiros75@hotmail.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos links

Mensagem por while 27.05.16 16:10

Olá amigo, Bom Dia!

Não entendi bem sua questão, você só queres saber qual o código que faz esse efeito?
Se sim, é esse código:
Código:
.pagination a, ul.linklist li a {
    color: #DB1B2E!important;
    font-family: \'Open sans\', sans-serif;
    font-size: 100%;
    font-weight: 600;
    position: relative;
    text-decoration: none!important;
    text-transform: uppercase;
    transition: .2s;
}
.pagination a::after, ul.linklist li a::after {
    background-color: #DB1B2E;
    bottom: -3px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: width .2s ease-in-out;
    width: 0;
}

Esse código se encontra na folha de estilo css (caso esse fórum citado seja seu).

Atenciosamente,
While.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos links

Mensagem por gmedeiros 28.05.16 7:03

Funcionou amigo Muito feliz Obrigado!
gmedeiros
gmedeiros
Novo Membro

Membro desde : 24/04/2015
Mensagens : 11
Pontos : 15

http://gilmedeiros75@hotmail.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos