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 » Arquivos » Lixeira

#1
 D'Leandro™

avatar
Fundador

Imagem Refletida com hover


PunBB PhpBB2  PhpBB3  Invision  Blog  Site
--> Código CSS <--
Código:
/*Imagem Refletida com hover*/
#reflected img {
   margin: 5px;
   opacity: 0.5;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
   transition: all 0.4s linear;
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.5)));
}
#reflected img:hover {
   opacity: 1;
 -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.8)));
}
--> Código da Imagem <--
Código:
<div id="reflected"><img height="" src="LINK-DA-IMAGEM" width="" /></div>
Demonstração



Desenvolvido por D'Leandro™ | designeryoo
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 Bookmarlucas654

avatar
Membro
Dá para fazer funcionar em todas as imagens pelo fórum?
Ver perfil do usuário

#3
 D'Leandro™

avatar
Fundador
Sim!
Caso queira por favor abra um tópico na área de suporte!
Ver perfil do usuário

#4
 ®'Martins

avatar
Membro
Irei Avaliar daqui a pouco edito!
Ver perfil do usuário

#5
 fojogo

avatar
Membro
Muito bom adorei
Ver perfil do usuário

#6
 Gmtp

avatar
Membro
Olá, pessoal.

Espero que não tenha perdido esse código.

Até mais.
Ver perfil do usuário

#7
 BrunoH.

avatar
Novato
Legal.
Ver perfil do usuário

#8
 Conteúdo patrocinado