Blog da Ketty: Efeito Sépia nas imagens do blog

terça-feira, 15 de setembro de 2015

Efeito Sépia nas imagens do blog


Olá meninas e meninos, 'bom dia'. Acordei empolgada hoje e resolvi postar uns tutoriais diferentes. Espero que gostem. Se você ja passou em algum blog, e viu um efeito sépia nas imagens, e achou super legal, é hora de botar esse efeito no seu blog. Vamos lá?

É muito simples. Abra o HTML do seu blog é cole o seguinte código acima de ]]></b:skin>

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 ficarão com o efeito sépia, espero que gostem!

Créditos ao blog : Cherry Bomb

Nenhum comentário:

Postar um comentário

Olá que bom que veio comentar aqui no Blog da Ketty!

-Sem chingamentos;
-Leio os comentários de crítica construtiva sempre;
-Deixe o link do seu blog;
-Se for reblogar deixe um aviso.

-Agradeço a atenção. Ketty.