06/01/2015

7 Efeitos para personalizar os Seguidores

Oláaa Cookies! Como estão hoje??
Eu estou bem, graças a Deus! Eu tinha planos de postar outra coisinha hoje, mas de uma hora pra outra decidi postar isso mesmo :P
Trago 7 efeitos para se usar no Gadget dos Seguidores! Espero que gostem, amores!
Vamos ao efeitos o/

Para aplicar eles, você precisa ir em seu Editor de HTML e acima de  ]]></b:skin> colar o efeito de seu agrado!


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 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 Opacidade
#followers1-wrapper {

opacity: 0.2; -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-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;
}
 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 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 */

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 */
Créditos: (xx)
Eu não conhecia 4 desses efeitos, foi novidade para mim! Espero muito que tenham gostado! Comentem o que acharam! Bjos e até a próxima!! 

8 comentários:

  1. Aw,tão fofo o blog.Apaixonadinha:)
    Deseja ser afiliado?
    imaginesgirl.blogspot.com.br
    Kissus*

    ResponderExcluir
    Respostas
    1. Sério ? *--* Fico feliz !
      Claro que aceito, flor!
      Bjs!

      Excluir
  2. Necessito do preto e branco, certeza que irei usar no meu proximo layout.
    Estava precisando de um tutorial assim, procurava e não achava!
    ÓTIMO POST!
    http://lamonts-flowers.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que conseguiu achar aqui! :3
      Obrigada!!
      Bjão :**

      Excluir
  3. Olá amei o post ♥ Sempre procurei efeito para os afiliados mas nunca achava , graças a vc achei *u*
    Vc pediu afiliação no meu blog e eu estou aceitando bjos ♥

    ResponderExcluir
    Respostas
    1. Que bom que gostou!! ♥
      Obrigada por ter aceitado meu pedido *--*
      Vou te colocar nos afiliados fofa !

      Bjoos!!

      Excluir
  4. Amei o post, tava procurando a tempos. Vou vim mais aqui gostei :)
    Deseja ser afiliado:
    http://overdosecute.blogspot.com.br/
    Beijokas :)

    ResponderExcluir
    Respostas
    1. Venhas mais! Ficarei muito feliz com sua presença aqui :D
      Adoraria ser sua afiliada! Vou te colocar na elite!
      Bjoos! :*

      Excluir

♥ Comente algo relacionado ao post !
♥ Proibido xingar, ofender e ser agressivo !
♥ Seja educado (a) !