[Semana de tutos] Efeito RodKit



6 de abril de 2013


Então gente post programado \o/ rsrs continuando a semana de tutos como ninguém pediu nada eu vou postar um efeito legal! Eu particularmente adoro esse efeito  e ele é bastante simples... não tenho o que falar hoje e.e então vamos direto ao post! continue lendo

 Como eu já disse o efeito é simples e legal veja ele funcionando aqui (xxx) é o quarto o gadget e tem o nome "Efeito Rodkit" legal né? vamos aprender a fazer! Créditos ao Tumblr Lovers of Designs 


Vá no seu HTML e procure por ]]></b:skin> e ACIMA da tag cole 

@-webkit-keyframes lod {0% {-webkit-transform: rotate(390deg); }25% {-webkit-transform: rotate(-80deg) }50% {-webkit-transform: scale(1.90); }75% {-webkit-transform: translateY(-21px); }100% {-webkit-transform: translateY(51px);}}  .lod {border-radius: 5px; border:1px double #CORDABORDA; margin:1px;cursor:pointer;} .lod:hover {-webkit-animation: lod .99s;}

Mude somente aonde se pede ou seja onde tem #CORDABORDA você ira por a cor da borda. 

Crie um gadget de HTML/Javascript e cole 



<img src="LINK-DA-IMAGEM " width="100" align="left" class="lod">

Faça apenas o que está sendo pedido, não preciso explicar né? rçrçrçrççr

Participem do projeto 

6 comentários:

  1. amor o efeito não funcinou aqui, eu uso mozila, será que é por isso??
    acervo-de-livros.blogspot.com

    ResponderExcluir
    Respostas
    1. Ah flor pode ser isso sim ;/ o melhor navegador para HTML e Css é o Google Chrome tente visualizar aqui

      http://lovers-of-designs.tumblr.com/rodkit

      Excluir
  2. Anônimo10:31

    que efeito legal!! o efeito modera também é demais ^^
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou de efeito! eu acho esse legal mais ainda prefiro o efeito moderas ahauah'

      Excluir
  3. que legal esse feito *---*
    Amor, estou seguindo seu blog, Se puder seguir de volta agradeço! *-*
    Beijos s2
    arazaodesorrir.blogspot.com

    ResponderExcluir
    Respostas
    1. o/

      Oiee flor ><

      que bom que gostou >< irei retribuir ><

      Excluir

Fã page | Twitter | Instagram

Críticas construtivas são sempre bem vindas.
Deixe o link do seu blog no final do comentário e retribuiremos a visita
Aceitamos TAG's, se não a respondermos, provavelmente nós já devemos ter respondido anteriormente por outra indicação.
Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

© BELEZA NERD 2013 - 2018. Todos os direitos reservados.
Layout e codificação: GLEICY HANER - DESIGNS E FOTOGRAFIA .
Tecnologia do Blogger.
imagem-logo