Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
TUTORIALPreto e branco ao passar o mouse

Funcionalidade: PunBB, PhpBB2, PhpBB3 e Invísion!

Neste tutorial você verá que é possível mudar a cor de uma imagem ao passar o mouse sobre ela, neste caso iremos usar o preto e branco.

--> Código CSS <--
Código:
/* Effect black in white */
img {
-webkit-filter: grayscale(0);
display: inline-block;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}img:hover {
-webkit-filter: grayscale(1);
}
/*---/  http://staffergroupbr.stuning.net /---*/


--> Visualização Final <--
Tumblr
Ver perfil do usuário

#2
 Neon Suicide

avatar
Membro
Gostei do tutorial
Ver perfil do usuário

#3
 Narutofake

avatar
Membro
Gostei :P Obrigado por Postar Utilizarei '-'
Ver perfil do usuário

#4
 'Fusion

avatar
Membro
gostei muito obrigado por compartilhar conosco esse otimo tutorial.

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#5
 Vic

avatar
Membro
Obrigada por postar, utilizarei.
Ver perfil do usuário

#6
 sapinhu

avatar
Membro
Não entendi ao certo o efeito, então bora testar
Ver perfil do usuário prof_roy@hotmail.com

#7
 D'Leandro™

avatar
Fundador
As imágens fica, preto e branco quando passa o mouse!
Ver perfil do usuário

#8
 'Fusion

avatar
Membro
Pefeito mesmo tava procurando de volta pq tinha restado meu fórum ;D

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#9
 ®'Martins

avatar
Membro
Muito Bom Vi no forum do meu amigo Fica show
Ver perfil do usuário

#10
 Conteúdo patrocinado