Efeito little impact (exclusivo)

Yoo ~ como vocês estão?
Bom, amanhã eu vou viajar, e apesar de ser uma viagem de 1 dia só, vai ser bem legal. Vou para um rio perto do sítio do meu vô, ou seja, vai ser maravilhoso pra quem odeia calor, tipo eu.
Então, hoje eu criei um efeito muito maluco mexendo em uns códigos aqui, nem eu entendi o que eu fiz ashuashua.
Ele se chama little impact (ignorem a criatividade). Vamos aprender? Lembrando, se usarem esse tutorial, ou reblogarem, deem os créditos.
Like preview: [www]


Vá no seu editor de html e cole esse código antes de <b:skin>:

.impact {
padding: 3px;
border: 1px solid #COR DA BORDA;
-webkit-transition-duration: .80s
}
.impact:hover {
padding: 3px;
border: 10px solid  #COR DA BORDA;
-webkit-transform: scale(0.2) rotate(360deg);
-webkit-transition-duration: .50s;
}
Coloque a cor da borda, e salve.
Agora, adicione um gadget HtmlJavaScript e cole:

<a href="LINK" title="NOME"><img class="impact" src="SUA IMAGEM" /></a>
Salve e aí está o seu efeito. Eu sei, ele é muito sem graça, mas agora que eu despertei o interesse em fazer efeitos, é muito legal.
Kiss >3<

Ps: amanhã eu vou moderar os comentários quando eu chegar da viagem, só de tardezinha ok?

24 comentários:

  1. Queria ir pra esse sitio com você, eu adoro esse contato com a natureza. Nem sempre, mas eu gosto sim.
    Foi você mesma que fez esse efeito? Eu adorei! Sério, ficou lindo! <3



    Beijos, Annie
    >>> nerdsfly.#blogspot.com.br <<<
    (Retire o jogo da velha (#), caso venha me fazer uma visitinha *U*)

    ResponderExcluir
    Respostas
    1. Obrigada, bora ? Aahsuhsua, eu também adoro o contanto com a Natureza, é tão bom ♥ Você gostou do efeito? kkk obrigada, mas fique sabendo, eu não entendi nada do que fiz kkkk' :)

      Excluir
  2. Legal o tuto >////////<
    Minha nossa, algum dia ainda reblogo os tutos daqui kkk ._____.
    kissus~
    ncnosekai.blogspot.com

    ResponderExcluir
    Respostas
    1. Ashuahsua obrigada. Pode reblogar sim flor kk' :D

      Excluir
  3. Adorei o efeito, muito lindo!^-^
    Bjs
    luisadub.blogspot.com

    ResponderExcluir
  4. Oxe, puque não me levou junto, sua chata rúun :#

    Adorei o efeito, seria perfeito para os afiliados, né? u__u'

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
    Respostas
    1. kkkkkkk não sabia que queria ir. É, eu pensei em fazê-lo para afiliados mesmo ashuashua obrigada sua fofa ♥

      Excluir
  5. muito bonito esse efeito, talvez eu use em um layout free, com seus créditos claro, pode?
    Kiss Line http://sweetteen-st.blogspot.com/

    ResponderExcluir
    Respostas
    1. Aaah obrigada sua linda. Claro que pode né ? ashuashua

      Excluir
  6. Eu amo sítios *-* Meu avô também tem um =^.^=
    Que lindo Mandi-chan *OO*
    Sério muito fofo esse efeito >3<
    Adorei poder mudar a cor das bordinhas, as vezes eu quero mudar e quando eu tento o código não funciona mais direito ¬3¬
    Eu nunca consigo criar efeitos bonitos ;-;
    Adorei ♥
    ~kissus

    ResponderExcluir
    Respostas
    1. É muito bom mesmo. Obrigada, é bem facinho, depois eu posto o tuto pra você. Vai tentando criar efeitos mudando e personalizando com base de outros :D

      Excluir
  7. rçrç, realmente ficou muito loouco o efeito, adorei. bezzo, sarah
    http://agd-doce.blogspot.com.br/

    ResponderExcluir
  8. Fica bem legal esse efeito hein?!

    David - Leitor Compulsivo

    ResponderExcluir
    Respostas
    1. É mesmo, obrigada, que bom que gostou ;)

      Excluir
  9. adorei o tuto !! , e lindo o novo lay !!
    www.mymomentsz.blogspot.com

    ResponderExcluir
  10. Tuto bem simples de Fazer e adorei o Preview :D

    http://worldofthel.blogspot.com/

    ResponderExcluir
    Respostas
    1. Obrigada, é mesmo, porque eu não sei mexer em códigos avançados ashuashua ~le eu burra~

      Excluir
  11. Muito legal este efeito, + eu gosto mais dos efeito mais discretos como os do seu blog.
    http://mundodeliina.blogspot.com.br/

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ