Primeiro Post + [Tutorial] Efeitos de seguidores
12:33
Hey Hey ^^ Meus deus que emoção o primeiro post do blog hahaha, estou tão contente de começar com o Fearless Flower , eu era para fazer um layout mas então achei este Divo Divo no blog Colorfull Dream
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.