Tutorial - Efeito Fade nas Imagens do Blog


Yoo My Sweet Kawaiis
Como estão hoje? Tomare que estejam bem. Eu estou alegre ^^
Bom, estou conseguindo entrar bastante na internet como já perceram, melhorou um pouco, melhor do que uma semana sem postar né?! Então gente, vim postar um tutorial de como colocar as imagens do blog com efeito fade, igual ao do meu blog. Foi um pedido na ask, não entendi ele muito bem, mais vou torcer para que eu esteje certa. Vamos ao tuto? Let's Go!


1. Vá no HTML do seu blog, tecle ctrl f e procure por ]]></b:skin>

2. Após ter feito isso, cole o seguinte código ACIMA da tag procuraada:

.main img {
 filter:alpha(opacity=100);  
-moz-opacity:1.0;  
opacity:1.0;  
-webkit-transition-duration: .70s;}
.main img:hover { 
filter:alpha(opacity=45); 
-moz-opacity:0.45; 
opacity:0.45; 
-webkit-transition-duration: .70s;} 

Bom, espero ter ajudado. Kisses até a próxima. 

8 comentários:

  1. eu tinha renovado as vagas na minha elite, mais você está lá de volta ^^ e adorei o novo lay♥
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Awn seu lindo, que susto que você me deu ein.
      Brigadinha amor, não teria conseguido sem a ajuda dos seus tutos ^^

      Excluir
  2. Adorei na hora que eu tiver um tempinho vou por no meu blog !!! >.<

    ResponderExcluir
  3. Nyah! Amei o tuto, flor! ^^
    Vou faze-lo lá no blog, já que estou sem efeito nas imagens.
    Beijoos!
    Sensata Sonhadora

    ResponderExcluir
    Respostas
    1. Awn, mais uma usando meus tutos, gente fico tão feliz em ajuda-los ^^

      Excluir
  4. muito fofo adoro!
    http://kawaiiday.blogspot.pt/
    kissus ^.^

    ResponderExcluir

- Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Não aceito tags nem selinhos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo todos os comentários.