05/11/2014

3 Efeitos exclusivos para gadget de Seguidores

  Oii queridos leitores, como vão? Espero que muito bem. Hoje era para eu trazer alguns efeitos de seguidores como preto e branco, sépia, e opacidade. Mas aí pensei: "Porra velho, todo mundo já viu isso ¬¬" (desculpe pelo palavão), aí resolvi trazer alguns efeitos meio que "inéditos": Mu, Eletro e Cavalga.
  Obs: Os códigos originais são do blog GNMH, e os créditos são dele, porém quem os modificou para aplicá-los no gadget de seguidores foi eu, então também me dê os créditos ok?

  Para aplicá-los, vá em Modelo >> Editar HTML, nele você procura pela tag ]]></b:skin>, e acima da mesma cola o código do efeito escolhido.
Efeito Mu 
>>*u*<<
 Código:
@-webkit-keyframes move { 10% {-webkit-transform: rotate(20deg); } 25% {-webkit-transform: scale(0.10); } 50% {-webkit-transform: rotate(100deg); } 100% {-webkit-transform: rotate(20deg); } } 
#Followers1-wrapper {border-radius:1px; ;padding:3px; background:#fff;border: solid 1px #ffffff;-webkit-transition-duration: .90s;} 
#Followers1-wrapper:hover { -webkit-transform: rotate(360deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(90deg) translateY(30); opacity: 10; }
 Não mude nada no código!

Efeito Eletro
>>u<
  Código:
#Followers1-wrapper {padding:3px; background:#fff;border: solid 1px #ffffff;}
        @-webkit-keyframes agatha {
               0% {margin-left:5px}
        10% {margin-left:5px;}
        20% {margin-left:5px;}
        30% {margin-left:5px;}
        40% {margin-left:5px;}
        50% {-WEBKIT-TRANSFORM: SCALE(1.20);-MOZ-TRANSFORM: SCALE(1.10);}
        60% {-WEBKIT-TRANSFORM: SCALE(1.00);-MOZ-TRANSFORM: SCALE(1.00);}
        70% {-WEBKIT-TRANSFORM: SCALE(1.20);-MOZ-TRANSFORM: SCALE(1.10);}
        80% {-WEBKIT-TRANSFORM: SCALE(1.00);-MOZ-TRANSFORM: SCALE(1.00);}
        90% {-WEBKIT-TRANSFORM: SCALE(1.20);-MOZ-TRANSFORM: SCALE(1.10);}
        100% {-WEBKIT-TRANSFORM: SCALE(1.00);-MOZ-TRANSFORM: SCALE(1.00);} }
        #Followers1-wrapper:hover {-webkit-animation: agatha 2s alternate infinite linear;}
 Efeito Cavalga
>>3<<

  Código:
@-webkit-keyframes cavalga2 {
0% {-webkit-transform: translatey(1px);}
25% {-webkit-transform: rotate(20deg); }
50% {-webkit-transform: translatey(-30px);}
100% {-webkit-transform: translatey(1px);}
}
#Followers1-wrapper {-webkit-transition: .5s; border-radius: 2px; box-shadow: 1px 1px #fff;border: 2px solid #ffffff;}
#Followers1-wrapper:hover {-webkit-animation: cavalga2 .5s alternate infinite linear;} 
  Espero que tenham gostado ^^, e os c´reditos estão lá no começo do post ok?

Kissus e bye.

14 comentários:

  1. Verdade, quando vi o título pensei:"cara, já vi, lá vem isso d enovo, mas vamos dar uma chance."
    Sério que não precisa mexer com código-fonte da página? \o/ ufa'
    Curti o primeiro(vou usar num lay que eu fizer)

    Beijos, >3<
    sorrysos.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Não é?! Mas q bom q me deu uma chance kkkkk
      Mexe só com o html do blog, mas nada de monstro de 7 cabeças kkkkk
      Que legal ^^

      Kissus

      Excluir
  2. Adorei os efeitos ^^
    Bjinhos
    www.nekokawaii.blogspot.com

    ResponderExcluir
  3. Nossa Jamy, que prfts *U*, dá pra ver q cê manja dos html hein?! kkkkkk

    Bjs

    ResponderExcluir
  4. Os efeitos ficaram lindos, o primeiro principalmente >u<
    Sobre a afiliação, aceito sim, te colocarei logo na elite. E o nome do blog é por causa da música do 2NE1? Você é fã? Qual tua bias? A minha é a Dara e depois a Minzy.

    sugar-purry.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada ^^
      Ah obrigada por aceitar!
      http://c-omebackhome.blogspot.com/2014/11/o-recem-nascido-come-back-home.html
      Sim, mas pq significa voltar pra casa, ou seja, aki é minha casa ^^
      E gosto sim, acho q todas estão empatadas, mas gosto mais da CL e da Dara ^^

      Kissus

      Excluir
  5. Oii Jamylle!!
    Ainww que fofo os efeitos *u* Gamei no do Cavalga *u* Parece mesmo um cavalinho hehe'
    Bom, finalmente consegui te achar no novo blog haha' Juro que não tinha visto no post do Além da Imaginação ~sega akie o/
    Adorei a tuto >.< parabéns!!!
    Kissus~

    ResponderExcluir
    Respostas
    1. Oii Narumi ^^
      Que legal q gostou ^^
      kkkkk sério?!
      Obrigada ^^

      Kissus

      Excluir
  6. Amei! São os efeitos do GNMH? Como você transformou para efeitos de gadget de seguidores?

    http://s-freeze.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. ^.^ São sim, os créditos estão lá em cima, acho q vou fazer um tuto ensinando ok?

      Kissus

      Excluir