11.3.13

Efeito autoras 360º Fade

Yo meus nekos.
Genki?
Aqui não ta nem um pouco,ta chovendo a beça,tipo caindo trovoada e tudo.
Gente eu vi que o Thonn ficou meio magoado com vocês na ultima postagem,eu não sei se oque foi,pois aqui não tem nenhum comentário aguardando moderação nas postagens do Thonn,por favor comentem isso as vezes deixa agente magoado,tipo agente perde tempo para vocês e isso ocorre,mas não vou falar nada eh?Já viu daqui a pouco enche de gente falando que eu só peço comentário ou outras coisa te gente para tudo neh?
Bem então vamos lá?

Sabem o lay free?O vintage?Não?
Então se vocês olharem bem vocês verão um efeito incomum certo?Ainda não achou?Limpa seus óculos!Bem olhem na área Autoras,passa o mouse por cima da imagem,então esse efeito é de minha autoria eu quem o fiz,e hoje eu vim trazer o tuto de como faze-lo.
Bem vamos começar neh?
Abra seu HTML aperte ctrl f e procure por:
]]></b:skin>

Após achar essa tag colem acima dela esse codigo aqui:
.efeitojump {
 -webkit-transition-duration: .80s;
width: altura da imagem px;
height: largura da imagem px;
float:left;
margin-bottom:10px;
margin-left:10px;
}
.efeitojump:hover{
-webkit-transform:rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-webkit-filter: sepia(1px);
 box-shadow: 5px 5px cor da borda;
border:solid 3px #fcb099;

E personalize como se pede,apos fazer isso salve.
Então escolha aonde quer por o efeito e cole o seguinte lá:

<div class="efeitojump" href="Link do Blog" title="Nome da autora">
<img src="link da primeira img" onmouseout="this.src='link da primeira img';" onmouseover="this.src='link da segunda img';" /></div>

Personalizando salve e pronto.
Bem espero que tenham gostado.
Bem fui!





2 comentários:

Vai comentar? Muito obrigada, vai fazer uma louca feliz.
Mas antes temos umas regrinhas
♠- Apesar de eu falar palavrões, e de mais da conta, por favor se contenham com os palavrões também
♥- O Eternamente Otaku, e eu, Karin, adoramos novos rostinhos por aqui. Por isso não se acanhem em querer comentar.
♦- Eu respondo os comentários, as vezes demora um tempo, mas eu sempre respondo.
♣- Tua opinião é essencial para o blog. Mas claro, que espero que você tenha educação.
♠- Aceitos tags.
♥- Comente seu link no blog, mas recomendo que tenha cuidado, o google pode considerar spam.
♦- "Seguindo, segue?" Vou pensar ¬¬
Obrigada por comentar ♥