Efeitos nos seguidores

Good Night ♥  
Como "cês" estão meus cupcakes? Eu vou indo né, estou de boa hehe.Bom, hoje eu fiquei a tarde inteira no "tuinter" mendigando follows (estava em meta, tinha que atingir ela hoje), pois é, quem não mendinga follow aqui que atire a primeira pedra...ok, fui depredada kk'.Então, como vocês percebem, só deu para postar agora.
O tutorial que eu trouxe hoje é super simples, e a maioria dos blogs já está usando esses efeitos há um tempinho (menos eu ¬¬).É uns efeitos bem legais que aplicamos nos seguidores do blog.Eu achei esse tutorial lá no blog Garota no Mundo HTML...créditos.Então vamos ao post.

Efeito Blur
 /* Efeito blur nos seguidores by gnmh */
#Followers1-wrapper {
filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px);
-webkit-transition: all 2s ease; 
-moz-transition: all 2s ease; -o-transition: all 2s ease; 
transition: all 2s ease;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
#Followers1-wrapper:hover {
text-decoration: none !important;
filter: none; -webkit-filter: blur(0px);-moz-filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
-webkit-transition: all 2s ease; 
-moz-transition: all 2s ease; -o-transition: all 2s ease; 
transition: all 2s ease;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
/* Fim do efeito */
Efeito Preto e Branco 
/* Efeito preto e branco nos seguidores by gnmh*/

#Followers1-wrapper {
-webkit-filter: grayscale(1);-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);filter: url(desaturate.svg#greyscale);
filter: gray; filter: grayscale(100%);
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
#Followers1-wrapper:hover {
text-decoration: none !important;
-webkit-filter: grayscale(0);-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: none; filter: grayscale(0);
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease; opacity: 1;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
/* Fim do efeito */
 Efeito Sépia
/* Efeito sépia nos seguidores by gnmh*/

#Followers1-wrapper {
filter: sepia(100%);-webkit-filter: sepia(100%); 
-moz-filter: sepia(100%);-webkit-filter(1);
-webkit-transition: all 2s ease; 
-moz-transition: all 2s ease; -o-transition: all 2s ease; 
transition: all 2s ease;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
#Followers1-wrapper:hover {
text-decoration: none !important;
filter: sepia(0%);-webkit-filter: sepia(0%); 
-moz-filter: sepia(0%);-webkit-filter(0);
-webkit-transition: all 2s ease; 
-moz-transition: all 2s ease; -o-transition: all 2s ease; 
transition: all 2s ease; opacity: 1;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
/* Fim do efeito */
 Efeito Saturação
/* Efeito saturação nos seguidores by gnmh*/

#Followers1-wrapper {
-webkit-filter: blur(0px);opacity:1;
-webkit-transition: all 2s ease; 
-moz-transition: all 2s ease; -o-transition: all 2s ease; 
transition: all 2s ease;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
#Followers1-wrapper:hover {
text-decoration: none !important;
-webkit-filter: saturate(2);
-moz-transition: all 2s ease; -o-transition: all 2s ease; 
transition: all 2s ease; opacity: 1;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
/* Fim do efeito */
 Efeito Sépia colorido
/* Efeito sépia colorido nos seguidores by gnmh*/

#Followers1-wrapper {
-webkit-filter: sepia(0%);
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
#Followers1-wrapper:hover {
text-decoration: none !important;
filter: sepia(20%);-webkit-filter: sepia(100%);
-moz-filter: sepia(20%);-webkit-filter(1);
-moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease; opacity: 1;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
/* Fim do efeito */
 Efeito Contraste
/* Efeito contraste nos seguidores by gnmh*/
#Followers1-wrapper {
-webkit-filter: sepia(0%);
-webkit-transition: all 8s ease;
-moz-transition: all 8s ease; -o-transition: all 8s ease;
transition: all 8s ease;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
#Followers1-wrapper:hover {
text-decoration: none !important;
-webkit-filter: contrast(200%);-moz-filter: contrast(200%);
-ms-filter: contrast(200%);-o-filter: contrast(200%);filter: contrast(200%);
-moz-transition: all 8s ease; -o-transition: all 8s ease;
transition: all 8s ease; opacity: 1;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
/* Fim do efeito */
Gostaram do post? Kiss! 

20 comentários:

  1. Adorei o efeito, fica bem legal em alguns blogs *u*
    Desativei meu twitter, cansa demais auhsushua
    Kiss
    With You || Imperfectous meu mais novo blog, conto com você

    ResponderExcluir
    Respostas
    1. Obrigada, fica mesmo.Eu adoro twitter, tenho dois kk'!
      Beijos!

      Excluir
  2. Adoro esses efeitos, são lindos, e ficam super bem.

    Visite o blog :3 | Etc For Me :3

    ResponderExcluir
  3. Putz, por que você não postou dois dias antes? kkkkk, estava reformando o layout do blog... no próximo usarei os efeitos.

    XOXO,

    julia-nopaisdasmaravilhas.blogspot.com

    ResponderExcluir
    Respostas
    1. Poxa, ainda dá para usar ou senão, deixa para o próximo mesmo haha.
      Beijos!

      Excluir
  4. Os efeitos são lindos , eu usava-os no antigo layout acho que vou usa-los de novo *u*
    Confesso que nunca ' mendiguei' followers no twitter hehe

    s-noowing.blogspot.com.br

    ResponderExcluir
    Respostas
    1. São mesmo, use sim, são lindos.Hehe eu sempre mendigo kk'.
      Beijos!

      Excluir
  5. Amo esses efeitos <3
    Já usei um de opacidade

    ha-unting.blogspot.com

    ResponderExcluir
    Respostas
    1. Eu também, não usei nenhum ainda, mas estou pensando em usar.
      Beijos!

      Excluir
  6. OMG , que layout divo , amei <3
    O post é super útil , vou usar um dos efeitos no próximo lay , já está nos favoritos *--*

    XOXO <3 || Senhorita Liberdade

    ResponderExcluir
    Respostas
    1. Awn, obrigada <3.Use mesmo haha, que bom!
      Beijos!

      Excluir
  7. Conheço todos os efeitos, são todos lindos e ficam bem lecais *u*

    bloogencantado.blogspot.com

    ResponderExcluir
  8. Eu também tenho uma meta, mas isso não é questão de mendigar follow. E sim, de conquistar o seus seguidores de forma honesta, sem bigfollow. Já tinha visto esse tutorial no blog da Rôh, adoro!

    Retribui? || Unskilled

    ResponderExcluir
    Respostas
    1. Concordo, mas eu acho mais honesto sair pedindo follow, do que usar o bigfollow.Eu também adoro!
      Beijos!

      Excluir
  9. É lindo esses efeitos *u* ' Acho que depois, eu vou colocar o efeito preto e branco..
    Ameei seu blog <3 '
    Kissus ç.ç
    http://panda-e-nutella.blogspot.com.br/

    ResponderExcluir
  10. Ameei o tutorial, é super útil e da uma carinha diferente a este gadget.

    ♥ Abraços |  www.tutoriar.net

    ResponderExcluir

-Não aceito palavrões.
-Não faça ofensas ao blog, só aceito critícas caso elas forem construtivas ao blog.
-Não comente apenas com um "seguindo, segue de volta?".
-Faça um comentário sobre a postagem lida.
-Deixe o link do blog no fim do comentário, assim poderei retribuir o carinho.