» ƒαѕт ϟ
sou nível 6Qua 05 Set 2012, 5:26 pm | |
Efeito Ao Passar Mause .
» Esse efeito é Bem Simples Apos Você Por Mause Em Cima Do 'Avatar' Ele Se Inclina , Achei Interessante Postar Para Acharem Se Quiserem ':}
OBS¹ - Ele Só Funcionara Nos Navegadores Mais Avançados .
» Aceda : painel de controle >> vizualização >> Cores >> Folha CSS >> Aplique Codigo, Apos Aplicar Clique Em Validar :
PhpBB2 »
Resultado :
Creditos : FdF
Postado Por : Mim ':}
» Esse efeito é Bem Simples Apos Você Por Mause Em Cima Do 'Avatar' Ele Se Inclina , Achei Interessante Postar Para Acharem Se Quiserem ':}
OBS¹ - Ele Só Funcionara Nos Navegadores Mais Avançados .
» Aceda : painel de controle >> vizualização >> Cores >> Folha CSS >> Aplique Codigo, Apos Aplicar Clique Em Validar :
PhpBB2 »
- Código:
.poster-profile img{
margin-left: 3px;
border: 5px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.poster-profile img:hover {
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
- Código:
div.postprofile dl dt img{
margin-left: 3px;
border: 5px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
div.postprofile dl dt img:hover {
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
- Código:
div.user-basic-info img{
margin: 3px;
border: 5px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
div.user-basic-info img:hover {
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
- Código:
dl.postdetails dt img{
margin-bottom: 10px;
border: 5px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
dl.postdetails dt img:hover {
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
Resultado :
Creditos : FdF
Postado Por : Mim ':}