1 2 3 4
33

Efeito Sépia nas imagens

Hey,  trouxe um tutorial pra vocês! Não sou de da ênfase nesse assunto, o blog aborda mais para o outro lado, mas como eu trago de tudo um pouco não pode faltar também um  tutorial, né? Enfim. Sabe o antigo Layout daqui do blog? Pronto. Não sei se perceberam, mas  assim que você passava o mouse nas imagens tinha efeito de mudança de cor, era um efeito sépia, era bem legal e vou ensinar a vocês! Muito Simples  :)

Basta Abrir o HTML do seu blog  e colocar o seguinte código acima de ]]></b:skin>

mg {
-webkit-filter: sepia(0%);
transition:All 0.4s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-filter: sepia(100%);
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}

PRONTO! Basta salvar! É um efeito automático no seu blog, bem diferente, não acha? Fica lindo! Espero que gostem do tutorial, tá? 

Um Beijo!

33 Comentários:

  1. ótimo tutorial, fica lindo!

    http://naoseavexe.blogspot.com.br/

    ResponderExcluir
  2. aii que legal! dá um charme diferente no post.. vejo muito isso no tumblr!
    Beijos
    www.bolasdemeia.com

    ResponderExcluir
  3. Adorei o tuto, da um toque tão legal pro blog! ♥

    Beijos, http://quatorze-primaveras.blogspot.com.br/

    ResponderExcluir
  4. Adoreii o post flor ;)
    Ameii o blog <3
    Beijoooooos
    http://heeymoda.blogspot.com.br/

    ResponderExcluir
  5. Acho que dá um ar bem Vitage, né? Ador esse tutorial, mesmo nunca tendo usado ahsuahsuah ;p,

    Beijos, Gabi <3

    Official-wonderland.blogspot.com // @WonderlandWD

    ResponderExcluir
  6. adorei o tuto
    fica um efeito bem legal né *-*
    to seguindo viu rebeca?
    bjss :*

    www.eaimenina.com

    ResponderExcluir
  7. Adoro o efeito sépia, mas esse tuto eu não vou fazer... :/
    Mas adorei o post, ficou bem explicado ao mesmo tempo que direto, fácil pra fazer. :D

    bjbj -> umlivroporestacao.blogspot.com.br

    ResponderExcluir
  8. É um efeito bem bonito. Bjus!

    galerafashion.blogspot.com.br

    ResponderExcluir
  9. Eu acho lindo este efeito, Beijos ♥

    Dearitgirl.blogspot.com.br

    ResponderExcluir
  10. Adorei o tuto, amo aprender esse tipo de coisa (mudar e adicionar os efeitos nas imagens). Beijinhos e tenha um ótimo domingo!
    http://maluquice-de-garota.blogspot.com.br/

    ResponderExcluir
  11. Apesar de minha paixão ser preto e branco, o sépia também é lindo <3 ótimo tutorial :)
    Beijos ♡
    Sim Senhorita (Clique aqui ou no perfil)
    @SiimSenhorita

    ResponderExcluir
  12. Eu adoro esse efeito!
    Adorei o tutorial!!!

    Beijinhos,
    http://christinacorrea.blogspot.com.br/

    ResponderExcluir
  13. Que fácil de fazer, adorei! haha

    Beijoos, Ana Carolina.
    http://simplesglamour.blogspot.com
    Instagram: @simplesglamour

    ResponderExcluir
  14. Dependendo do estilo do layout, fica bem bonito ! E é super fácil de fazer o tutorial, ainda mais com as suas explicações todas, parabéns ! Ficou bom o post, da pra entender direitinho, gostei.

    wonderland-pt.blogspot.com

    ResponderExcluir

 



























Rebeca Lourenço - Blog ALL RIGHTS RESERVED 2015 ©.
Design e Programação: Robson Lourenço.
.
imagem-logo