ShiftActif fórum

[TUTORIAL] Efeito hover no Logo Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Efeito hover no Logo 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Efeito hover no Logo 1660898911

[TUTORIAL] Efeito hover no Logo

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Efeito hover no Logo Empty [TUTORIAL] Efeito hover no Logo

Mensagem por Shek em Ter 11 Dez - 9:01

[TUTORIAL] Efeito hover no Logo Pub Efeito na Logo

O tutorial está disponibilizando um efeito hover na logo que após passa o mouse sobre o mesmo o a logo fica em seu estado normal. Confira os passos abaixo.



--> Tutoriais <--
Efeito Hover na Logo


- Adicionando código á Folha CSS:
Para adicionar o efeito vá em: Painel de Controle Ajudantes Visualização Ajudantes [TUTORIAL] Efeito hover no Logo Images_couleursImagens e Cores Ajudantes Cores Ajudantes Folha de Estilo CSS.

PHPBB3
Código:
#logo:hover {
border: none;
filter: alpha(opacity=100);
moz-opacity: 1.0;
opacity: 1.0;
}
#logo {
border: none;
filter: alpha(opacity=50);
moz-opacity: .60;
opacity: .50;
-webkit-transition-duration: .50s;
}

PHPBB2
Código:
img#i_logo:hover{
border: none;
filter: alpha(opacity=100);
moz-opacity: 1.0;
opacity: 1.0;
}
img#i_logo{
border: none;
filter: alpha(opacity=50);
moz-opacity: .60;
opacity: .50;
-webkit-transition-duration: .50s;
}

PUNBB
Código:
#pun-intro a img:hover{
border: none;
filter: alpha(opacity=100);
moz-opacity: 1.0;
opacity: 1.0;
}
#pun-intro a img {
border: none;
filter: alpha(opacity=50);
moz-opacity: .60;
opacity: .50;
-webkit-transition-duration: .50s;
}

INVISION
Código:
div#logostrip a img:hover{
border: none;
filter: alpha(opacity=100);
moz-opacity: 1.0;
opacity: 1.0;
}
div#logostrip a img {
border: none;
filter: alpha(opacity=50);
moz-opacity: .60;
opacity: .50;
-webkit-transition-duration: .50s;
}

- Resultado:
Clique aqui para visualizar o efeito.

(carregue na imagem para aumentar)[TUTORIAL] Efeito hover no Logo Previe10



© ShiftActif & Make

[TUTORIAL] Efeito hover no Logo Faq10 Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Efeito hover no logo
Shek

Shek
Administrador

Masculino
Idade : 25
PointActif's : 5670
ReputActifs : 97
Mensagens : 2715
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

http://www.shiftactif.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum