Tutorial - Efeito Glummy

Postagem Programada. Espero que gostem. *3*

お早う ございます ❀

Estou hiper-feliz por terem gostado das mudanças. Isso é bem importante, sabe? Acho que estou bem mais motivada em postar e entrar aqui no blog para responder comentários e outros, assim. Ficou tão agradável para mim...

E falando em layout: logo o nosso antigo template vai estar disponível para vocês. Vale lembrar que é a primeira vez que disponibilizo um template que já passou pelo blog. Acho que isso é a coisa mais rara de acontecer já que eu tenho muito ciúme...


O efeito que trago hoje, é este. Devo destacar que ele é exclusivo, assim como esse, este e este. Então, caso reblogue ou use, peço que coloque os créditos. Mas enfim, este, se não engano-me, é um dos últimos efeitos que fiz... Tenho que aprontar mais.

Para usar o efeito, vá em Modelo > Editar HTML > Expanda a primeira setinha. Dê Ctrl + F ou F3 e procure por : ]]. Acima dessa tag, cole:
.glummy {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.glummy:hover{
transform: rotate(12deg) scale(0.648) skew(1deg) translate(2px);
-webkit-transform: rotate(12deg) scale(0.648) skew(1deg) translate(2px);
-moz-transform: rotate(12deg) scale(0.648) skew(1deg) translate(2px);
-o-transform: rotate(12deg) scale(0.648) skew(1deg) translate(2px);
-ms-transform: rotate(12deg) scale(0.648) skew(1deg) translate(2px);
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

 Caso não queira a borda arrendondada, bote um 0 nos números que marquei em negrito. O efeito é bem simples de ser aplicado. Basta ir em: Layout > Adicionar Gadget > HTML/Javascript, nele cole:
Para ver o código, clique aqui.
 Edite o código com os comandos colocados no mesmo e salve. Seu efeito vai estar lá. u3u

/ana 

12 comentários:

  1. u_____u', perfeito ♥ Amei, pena que o modelo que uso no meu blog, não funciona os códigos :'(

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  2. Que efeito lindo ç.ç Você é muito boa com efeitos. nhaw *-*
    Os avatares da Sulli no efeito, ai shisus dsijahfijasdhus minha linda ç.ç <3

    ResponderExcluir
    Respostas
    1. Obrigada :3 Nem sou, ás vezes dá errado e arrumando, tirando algumas coisas sai esses... Obrigada <3

      HASUHUSH' Ela linda mesmo <3

      Excluir
  3. HAHA, O Efeito é lindão, eu Adorei!
    AAAAA, Mudou mesmo o nome? Quanta coragem hem?? Eu gostei, apesar de tambpem adorar o Antigo :)
    Bjão :*
    http://blog-part-of-me.blogspot.com/

    ResponderExcluir
    Respostas
    1. Obrigada <3

      Pois é. Nem eu acredito nisso direito ainda. Obrigada <3

      Excluir
  4. Que lindo efeito, amora! Estou amando as mudanças, apesar de não gostar logo de cara, rs'
    Acabei de acabar meu Layout e só vi esse efeito agora (aff ¬¬'), talvez adicione mais um Gadgets e use ele!

    Beijos>> SFE

    ResponderExcluir
    Respostas
    1. Obrigada <3 AHSUASUH'

      "Acabei de acabar..." AHUSHASUH' Ok, bom uso.

      Excluir
  5. 1 seguidor manaaa ~~ Mais um só~~ dança do shoppy....
    Que efeito lindo, ai parabéns tá.
    http://morango-sabor.blogspot.com/
    Visita?
    | Desculpe nem ter atualizado a elite.... preguiça! Sá como é né....

    ResponderExcluir
    Respostas
    1. Pois é... Sacanagem. *dançando com a Ju*

      Obrigada <3

      Ok, mas não esqueça de atualizar. Posso entrar na sua conta e ver? u3u

      Excluir