14.2.13

Efeito Bate Bate


Olá boa tarde meus lindjos como vão? Que dia lindo não acham? Bem queridos hoje trago um tuto bem legal e por enquando diferente neh ¬¬ É um efeito para afiliados, moderadores ou até mesmo blogroll, o nome do efeito é bate bate mas é bem parecido com o efeito pulsar o que muda é os lados para onde ele bate... Já pesquisei na net e por enquando nenhum blog postou ele, pelo menos não com esse nome, então resolvi postar essa novidade para vocês!! O tuto eu aprendi neste Tumblr óbvio que os créditos são dali neh >.< O efeito vocês podem apreciar Aqui!

Vá em modelo e editar Html e procure por ]] Skin: depois de achá-lo acima dele cole o seguinte código:

        @-webkit-keyframes vai { 0% {-webkit-transform: rotate(19deg) scale(1) skew(1deg) translate(0px);} }
        .vai {border-radius: 5px;  -webkit-transition: 1.99s; padding:3px; background:#fff;border: solid 1px #E3E2E2;}
        .vai:hover {-webkit-animation: vai .99s alternate infinite linear; transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px);
        -webkit-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px);
        -moz-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px);
        -o-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px);
        -ms-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px); }

 Links:

<a href="https://www.blogger.com/LINK" target="blank" title="Nome"><img class="vai" src="http://static.tumblr.com/koam7dd/7PIn7fjcu/menina3.png" /></a>

5 comentários:

  1. O efeito fica muito bonito, eu nem sei onde arranjas coisas tão lindas para o blog :)

    Obrigado pelo apoio Roh ;D

    ResponderExcluir
  2. É tão bonito esse efeito, se tivesse postado antes eu teria usado no meu layout.
    Mas eu favoritei para usar depois, pois o efeito é incrivel.
    Eu não conhecia esse tumblr, mas os tutoriais de tumblrs são sempre incriveis.

    ResponderExcluir
  3. amo o visual do blog amo rihanna!

    ResponderExcluir
  4. Obrigada flor, tbm gosto dela..beijãooo

    ResponderExcluir

Olá! Se chegou até aqui é porque leu toda a postagem certo? Não? Poxa, comenta antes de sair e por favor, tente ler todo o conteúdo do post pois, por mais que a maioria do que eu escrevo seja sobre css e html, eu também comento sobre vários assuntos no mesmo post.

E abaixo, algumas regrinhas para seguir e fazer um comentário bem maroto:

1 - Comente apenas se sentir a vontade e queira.

2 - Seja educado, não use palavras inapropriadas, respeite os outros comentários e opiniões alheias.

3 - Se eu fico feliz quando comentam algo? Ô se fico, na verdade adoro!

4 - Antes de sair além de comentar deixe o link do seu bloguinho caso queira pois assim conseguirei lhe visitar e deixar um recadinho.

5 - Quer ser afiliado ao blog? Só pedir nos comentários ou na própria página direcionada a isto, estou precisando de afiliados mesmo rsrs.

Obrigada por tanto e obrigada por me acompanhar até aqui, fico muito feliz e grata pela sua companhia!

Roh ~

GNMH - LAYOUT E DESIGN POR RDS / CRIADOS EXCLUSIVAMENTE PARA ESTE BLOGUINHO ❤