26/12/2014

Efeitos para Seguidores

Hellow, cupcakes! Estou muito cansada de ontem,só teve comida, vários presentes.Eu acordei com dor nas costas, não sei por que, mas acho que eu dormi de mal jeito.
Então, eu dei uma visitada do blog Blazing HTML, eu fui procurar um modelinho para sidebar, essa ai nova do blog. Enfim, eu encontrei alguns efeitos para os seus seguidores, Coloque os códigos antes de ]]></b:skin> e pronto. É muito fácil. Beijos >3<



                                                                    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 */

2 comentários:

  1. Esses efeitos para seguidores são tão lindos ♥. Eu coloquei no meu blog o Preto & Branco, e dei créditos ao seu blog ><. Você explica tutoriais muito bem ><.
    Kisses candy ♥ l Candy Cherry

    ResponderExcluir