17 de mai de 2014

Tutorial - Efeito Blur nos seguidores

Oláa~
Como falei anteriormente, no outro post, eu ia postar bastante hoje. É, ia. Não vou poder, pois ouve uns probleminha aqui em casa, mas vou fazer o máximo possível. Eu vim postar o tutorial "efeito blur nos seguidores". É um efeito, que fica bem bonitinho no blog. Ele desfoca a caixinha dos seguidores, claro, ainda dá para reconhecer tudo, mas as imagens dos seguidores, ficam desfocadas, e quando você passa o mouse, eles ficam nítidos. Vamos aprender?
Procure por ]]skin no seu HTML, e acima dele cole o seguinte código:
/* 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 */
É só salvar, e pronto! O efeito fica bem legal. Os créditos vão para o blog GNMH. Tchau, amores. Beijinhos

Nenhum comentário:

Postar um comentário