Efeito sépia nas imagens

X-mas decoration
*post programado*

    Olá olá!
    Falta pouco tempo para o Natal!!! O layout de natal já devia estar pronto...está a dar erro, talvez o traga noutro dia, não sei...
    Hoje trago-vos um tutorial: Como pôr efeito sépia nas imagens do post.


    É muito simples de se colocar.
    Basta ir ao "Editar HTML" do blog, clicar na caixa de HTML e pesquisar pelo seguinte código (ao clicar Ctrl + F aparece uma caixa de texto. É lá que se insere o código).
]]></b:skin>
    Está encontrado? 
    Agora, acima dele cola o seguinte:
img {
-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;
} 
    É só salvar e pronto! Todas as imagens irão ficar com o efeito automaticamente.
    Muito mais fácil que pensavam, não?
    Kissus!

3 comentários:

  1. Esse efeito fica bem legal. Adorei o tutorial <3
    Ansiosa para ver o novo layout de Natal ♥
    Kiss
    With You

    ResponderEliminar
  2. Já conhecia o tutorial, fica muito giro :)
    Cat Girl

    ResponderEliminar
  3. Adorei o tutorial, adora as imagens com efeito sépia.
    s2garota-sonhadora.blogspot.com

    ResponderEliminar