Hi Ghouls..
A Pedido da Brenda, Vim Trazer 2 Tutoriais Muito Fofos..
More?
Efeito Giratório nas Imagens do Post
É O Mesmo Efeito Aqui Do Blog...
Vejam..
Viram, Massa Ne?
É Um Tutorial Bem Fácil, Mas Envolve HTML
Modelo > Editar HTML > Prosseguir > Ctrl F > Pesquise Por ]]></b:skin>
ACIMA, desse código Procurado Cole:
.post-body img {
z-index:999999;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
}
.post-body img:hover{
z-index:9999;
-webkit-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-moz-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-o-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
}
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
}
.post-body img:hover{
z-index:9999;
-webkit-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-moz-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-o-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
}
Visualize, Se Estiver Tudo Certo Salve :)
Créditos: Aqui
Plano de Fundo na Área dos Comentários
Também Temos Esse Efeito no Blog...
É Bem Fácil..
Modelo > Editar HTML > Prosseguir > Ctrl F > Procure Por : #comments {
E Abaixo Desse Código Cole:
background: url(URL DA SUA IMAGEM AQUI) repeat;0
> Aonde está escrito URL DA SUA IMAGEM cole a URL do Seu Plano de Fundo..
PEGUEI AQUI
Se Usar Credite a Mim...
BONUS
Alguns Planos De Fundo
Se Usar ou Pegar algum credite, XoxO
D+!
ResponderExcluirxD
Excluirotimo tuto usei mas não suas imagens!ficou muito legal beijihos!*3*
ResponderExcluir