3 Efeitos nos seguidores do blog

- HAHA' Let me see Wobble - 

Hooý chocolates com baunilha tudo bem? Espero que esteja, comigo está tudo ótimo. Queria começar pedindo desculpas por não ter postado ontem, mas como eu já havia falado na postagem anterior, minhas aulas de Gestão de TI voltaram então terei de postar com menos frequência porque está acumulando muitas coisas e a divisão do tempo é um problema ainda mais no horário de verão. (apesar de estarmos em horário de verão está um friozinho gostoso hoje, frio sussulento haha')

Estou muito feliz pelos comentários da minha postagem anterior, prometo que responderei e retribuirei as visitas que nele estão. Queria agradecer ao carinho das mensagens por formulários, C-box, Page, ask, etc. Vocês são muito fofos(as). Agora, partindo para o assunto da postagem, vim trazer três tipos de efeitos super fáceis de colocar no gadget seguidores. Para ver, leia mais...

Antes de mais nada, todos os efeitos foram adaptados por mim para serem colados antes de ]]></b:skin>

[créditos: www]

Primeiro efeito: Opaco [Preview]

#Followers1 {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: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;;

Segundo efeito: Sépia [Preview]

#Followers1 {
 text-decoration: none !important;
   -webkit-filter: sepia(100%);
    transition:all 1s ease;
    -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
    margin-bottom: 2px;
    }
    #Followers1:hover {
    text-decoration: none !important;
   -webkit-filter: sepia(0%);
   transition:all 0.4s ease;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
    margin-bottom: 2px;
    }

Terceiro efeito: Preto e branco [Preview]

#Followers1 {text-decoration: none !important;
-webkit-filter: grayscale(100%);
-webkit-transition-duration: .90s;
margin-bottom: 2px;
}
#Followers1:hover {
text-decoration: none !important;
-webkit-filter: grayscale(0%);
-webkit-transition-duration: .90s;
margin-bottom: 2px;
}

Dica: Quando você colocar um desses códigos acima de ]]></b:skin>, por natureza os links dos seguidores ficarão cor de laranja, para personalizá-los, vá em: Modelo > Personalizar > Avançado > Links. Daí é só personalizar com a cor que você queira. Para ajudar tem o link da tabela de cores aqui do blog mesmo [www]

Espero que entendam e que lhes seja útil. Bjoon