Efeito opacidade nas imagens dos posts

Hey galera, como vocês estão? Espero que estejam muito bem e felizes além de tudo, como já disse em vários posts aqui no blog quando posto tutoriais são os mais básicos possíveis, pois ainda tenho muito o que aprender quando o assunto se trata de HTML mas os tutos que eu conseguir fazer e funcionarem direitinho aqui no blog e se forem fáceis eu posto aqui pra vocês.

Primeiramente gostaria de agradecer a quantidade de visitas que o blog está tendo e os números de seguidores a cada dia que passa aumenta e eu fico muito feliz por isso e muito grato também, então você leitor ou leitora que está lendo esse post obrigado de verdade. Vamos ao tutorial que é o que interessa aqui no momento não é mesmo? Clique em leia mais para ver o tutorial completo.


Para começar o tutorial vá em modelo>editar html > procure por /* Post e após ter feito isso cole o código abaixo acima da tag
.post img {filter: alpha(opacity=100);moz-opacity:1.0;opacity:1.0;}.post img:hover {moz-opacity:.80;opacity:.80 ; -webkit-transition-duration: .50s;}filter: alpha(opacity=100);moz-opacity:1.0;opacity:1.0;}.post img:hover {moz-opacity:.80;opacity:.80 ; -webkit-transition-duration: .50s;}

Feito isso visualize, se o efeito de opacidade já estiver funcionando salve! Bom, esse post não precisa de preview pois vocês podem ver como fica esse efeito de opacidade aqui no meu blog mesmo na imagem acima ou em qualquer uma das imagens nos posts... Enfim, espero que tenham gostado, o tuto é bem simples porém dá um destaque enorme no blog e fica super bacana e até o próximo post galerinha.

20 comentários:

  1. Bem legal.
    BOM FINAL DE SEMANA ♥

    http://simples-e-agradavel-bloog.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. É sim hehe'

      Own, bom final de semana pra você também ;)

      Obrigado pela visita ♥

      Excluir
  2. Esses efeitos são esses dessa ilustração nesse post? Ebaa <3

    ResponderExcluir
  3. Adorei o tutorial vou tentar fazer :)
    To seguindo adorei o blog...
    http://quaseimperfect.blogspot.com.br/

    ResponderExcluir
  4. Aceita afiliação?
    http://quaseimperfect.blogspot.com.br/

    ResponderExcluir
  5. adorei o tutorial!!
    queria saber se você aceita afiliação.


    http://paradise-bieber.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha gostado!

      Entrarei em contato sobre a afiliação :)

      obrigado pela visita ♥

      Excluir
  6. Adoro esse efeito, e realmente fica lindo! Léo, você merece isso e muito mais! Sou sua leitora fiel, gosto de você e do seu blog!
    Beijos,
    isaloy.blogspot.com.br
    blog-pequenaprincesa.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Fica sim, owwn que coisa fofa *---* fico muito feliz por ler isso Isadora ♥ Obrigado pela visita hihi' Beijos

      Excluir
  7. Já estou usando o efeito adorei...
    http://quaseimperfect.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha gostado *---* e que bom que o tutorial foi útil pra você :) Obrigado pela visita ♥

      Excluir
  8. Adorei o efeito.
    Parabéns pelo teu blog, ele é lindo, estou adorando as postagens. Já estou te seguindo e curtindo sua pag do face.
    Quando tiver novidades passa lá no meu para me avisar ok?? Vou adorar voltar aqui.
    E se puder seguir e curtir minha pag, vou ficar muito feliz de ter você por lá. beijOs.
    http://andressalara.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Owwn fico feliz em ler isso, é bom saber que estão gostando dos posts... Pode deixar que aviso sim, irei curti ;)

      Beijos, obrigado pela visita ♥

      Excluir
  9. Ooi ♥ Eu amo esse efeito, mas não consegui colocar :( Eu coloquei lá e tudo, mas não funcionou.

    ResponderExcluir
    Respostas
    1. Deve ser algum código do seu template que está interferindo :((

      Excluir

- Obrigado pela visita e pelo comentário, não se esqueça de deixar o link do seu blog abaixo para que eu possa retribuir sua visita.

-Se for para criticar que seja logado, em anônimo sua opinião não valerá de nada.

 
Design e programação: Carol Mascarenhas
Confissões de um garoto - 2011 / 2015. Todos os direitos reservados Tecnologia do Blogger