Primeiro Post + [Tutorial] Efeitos de seguidores
12:33
Bom eu tava lá na minha ask quando recebi esta pergunta
Bom então vamos lá?
Vá no seu blog, depois em Modelo e clique em Editar HTML
clique em ctrl + f e perquise por ]]></b:skin>
Agora a cima de ]]></b:skin> copie o código do efeito que quiser
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 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 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 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 */
Créditos: GNMH
Bom espero que vocês tenham gostado e até ao próximo post
Kisses,
Sofia
8 comentários
Olá
ResponderExcluirBem-vinda ao blog! espero que a gente vire grandes amigas XD sobre a afiliação que pediu você está aceta me adicione no seu blog ^^
Olá :3
ExcluirTambém espero :D Sim, eu vou colocar o seu blog nos meus afiliados^^
Bjos
Oi oi Sofia õ/
ResponderExcluirComo vai?
Katycat Detectada!
Aiii amo/vivo a Katy *o* ela é mega mega diva *u* morrida.
É tão empolgante o primeiro post o nosso blog né? Tem toda aquela expectativa boa >u<
Sério qeu tu é de Portugal *w* amo/sou Portugal!! É tudo tão lindo ai ;3
Achei que o layout combinou com o cabelo da Katy :vv
Beijinhos e brigadeiros~
c o l o r f u l ☆ d r e a m
Olá Kaory^^
ExcluirSério? É tão bom conhecer outra KatyCat ( Katy é Diva mesmo).
Pois é dá sempre um friozinho da barriga, e temos sempre a expectativa de que o blog ganhe sucesso.
Sim, sou^^ Obrigada, eu amo tudo ai no Brasil :3
hahaha Também achei.
Beijinhos ;3
Amei o tuto, vou salvar para usar no meu blog, espero que ele cresça muito!
ResponderExcluirBeijos, já te coloquei como afiliada!
http://onlypoison1.blogspot.com.br/
Obg^^ Espero que o seu também cresça muito mais :3
Excluirah, vou colocar você também :)
Bjs
Muito legal esses efeitos <333 Acho que deixa o blog mais fofo *3*
ResponderExcluirParabéns, seu blog é lindo ><
Beijos.
são mesmo né? Pois é, da outro charme ao Blog^^
ExcluirObg, seu também *w*
Beijinhos.