Tutorial || Efeito nóis tem swag ~


A sua loucura parece um pouco a minha ♫ - Clarice











Olá terráqueos ~ (eu falando como se já tivesse um montão de leitores q) Como estão? Bom, meu dia-a-dia está um pouquinho corrido, já que eu estou bancando a "babá" da minha mãe (ela fez uma cirurgia e agora está completamente incapacitada) MAS, não me chamem de egoísta, pois não foi, bem assim, digamos uma cirurgia "necessária", foi mais por questão de estética, e agora eu estou pagando o pato.
BOM, mudando completamente de assunto, o efeito que trouxe hoje é o efeito "swag" ou "nóis tem swag". Eu vi esses dois titulos e preferi o segundo, é mais engraçadinho e divertido :v É bem fácil. Tenho a prévia aqui >♣♣♣< let's go? Enjoy ~~


Vá no seu quadro HTML e procure por ]]></b:skin> , e quando achar , cole esse código acima :
@-webkit-keyframes ammy-swag { 10% {-webkit-transform: translatey(-15px);} 50% {-webkit-transform: translatey(-5px);} 15% {-webkit-transform: rotate(80deg);} 25% {-webkit-transform: rotate(120deg);} 75% {-webkit-transform: rotate(180deg);} } @-moz-keyframes ammy-swag { 10% {-webkit-transform: translatey(-15px);} 50% {-webkit-transform: translatey(-5px);} 15% {-webkit-transform: rotate(80deg);} 25% {-webkit-transform: rotate(120deg);} 75% {-webkit-transform: rotate(180deg);} } @-o-keyframes ammy-swag { 10% {-webkit-transform: translatey(-15px);} 50% {-webkit-transform: translatey(-5px);} 15% {-webkit-transform: rotate(80deg);} 25% {-webkit-transform: rotate(120deg);} 75% {-webkit-transform: rotate(180deg);} } .ammy-swag {-webkit-transition: .7s; border-radius: 50px; background-color: #f6f6f6; border: 1px solid #ccc; padding: 1px;} .ammy-swag:hover {-webkit-animation: ammy-swag 1s alternate ease; border: 1px solid #5ba2ea;}
Depois, clique naquele botão super descreto escrito Salvar.
Vá na aba Layout, crie um gadget HTML/Js e cole isso :

<a href="LINK" title="TÍTULO"><img src="IMAGEM" class="ammy-swag" /></a>

Prontinho, é só salvar e visualizar ^u^ Espero que gostem jujubas ~ kisses *3*

Créditos aqui.

6 comentários:

  1. Eu sempre pago o pato por minha família toda. "Edwiges cuida da sua sobrinha" "Cuida da sua mãe" "Cuida da casa" e etc... Sei como isso é chato, mas melhoras para sua mãe <3
    Vou te contar um segredo: eu criei e postei esse efeito faz 'mó cota' LOOL. Que legal é relembrar. Eu, realmente, gosto dele <3 O post está bem explicado, também ~~

    [♡] s u c k  s u g a r [/♡]

    ResponderExcluir
    Respostas
    1. Somos duas, bate aqui o/ -q
      Jura? Eu amo esse efeito, acho ele muito lindinho *u*
      Obrigada.
      kisses~

      Excluir
  2. Nossa que efeito lindo adoreii, amei o blog está lindo parabéns. Já estou seguindo, beijão fofa!!

    http://apenassonhosdreams.blogspot.com.br/

    ResponderExcluir
  3. Tomara que sua mãe se recupere bem rápido,é horrível pagar pato pelas coisas(experiência própria rç).O efeito está uma graça,acho que vou usá-lo no meu próximo layout!

    http://thisismylifeoficial.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Infelizmente, são 3 semanas de recuperação ç.ç #chorei
      Obrigadinha ♥
      kissus~

      Excluir

• Não comente apenas um link para divulgação, comente algo sobre o post.
• Pode utilizar palavrão desde que não ofenda ninguém.
• Aceito afiliação e tags, menos selinhos.

Layout criado por vizoca para uso exclusivo do blog colored cotton. Cópias totais ou parciais devem ser consideradas plágio