Prazer + Criando seu próprio efeito.


Boa tarde.Bom, meu nome é Bianca, e sou dona do Things to HTML, aqui eu vou postar goodies, tutoriais,as vezes um layout free e mais,bom, espero que gostem de mim, eu não mordo.Qualquer pedido de post, faça pela minha ask, e eu atenderei.Então é só isso que precisam saber hehe \oo

Bom, hoje irei ensinar a criar efeito, é super fácil, mas um pouco difícil de entender, se quiser, leia duas vezes, vai esclarecer sua dúvida.Que é fácil,é, mas qualquer coisinha que fizer errado, não dá certo.Vou tentar explicar direitinho, qualquer dúvida, comente.Aprendi no Crazy For HTML.

1.Primeiro, você irá abrir seu bloco de notas, e colar o seguinte código:
@-webkit-keyframes NOMEDOSEUEFEITO {
.NOMEDOSEUEFEITO {
AQUI COLOCAREMOS NA PRÓXIMA ETAPA
}
.NOMEDOSEUEFEITO:hover{
AQUI COLOCAREMOS NA PRÓXIMA ETAPA
}
Aonde está escrito ''NOMEDOSEUEFEITO'', troque pelo nome que colocou pro seu efeito.

Se você não é boa para criar seu efeito, e tem dificuldade para isso, vá Nesse site.Vá na aba ''css transform'' mexa como quer.Bem ao lado, irá ter um código, como no print.Você vai colocar esse código aonde está escrito ''Aqui colocaremos a próxima etapa''.Lembre-se, o código do efeito terá que ser colocado em cima da tag ]]></b:skin>. Agora, vá em Layout, adicione um gadget JavaScript, e cole:
<img src="sua imagem" class="NOMEDOSEUEFEITO">

Espero que tenham gostado, até mais ^^ 

6 comentários:

  1. Seja bem vinda *w* Vou tentar fazer *3*

    ResponderExcluir
  2. Bem vinda =3
    Vou tentar fazer²

    ResponderExcluir
    Respostas
    1. Obrigada ^^ Tomara que consiga *-*
      ~Kisses

      Excluir
  3. Que legal, nunca tinha visto esse tuto antes. Aaah bem vinda ao Little World ^^
    Beijos, blog-twopieces.blogspo;t.com

    ResponderExcluir

❤ Ofensas e palavrões serão ignorados e excluidos.
❤ Seguindo, segue de volta?Sim mas fale um pouco do post.
❤Nada de pedir post pelo os comentários , se quiser algo vá na página peça .
❤Se quiser pode deixar a URL do seu blog , sempre vou retribuir a visita!
❤Perguntas/Dúvidas , serão respondidas :-)
❤Se não gostou, não use palavras ofensivas.

« »