28 de jun de 2013

Efeito Sépia nas imagens

Oi Loves
Pra começar quero dizer que , sim irei seguir de volta todos aqueles que seguir o blog e deixa um recadinho, coisa básica de inicio de blog mais vamos logo ao que interessa.
Bom hoje eu trouxe uma coisa que ta ficando bem famosa em vários blogs, que é o efeito sépia quando passa o mouse em cima da foto. ( Tava louca pra passar pra vocês alguma coisa em HTML )
(Visualize ) Bom vamo lá

Ele é bem fácil , mais fica meio que chato nos blogs que tem layout pronto , tipo esse por isso que não botei aqui , mais futuramente eu mesma farei um layout então blah .

É 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;}

Bom vocês teram que mudar onde esta em negrito o ''0'' para o quanto vocês querem que mude , bom qualquer número fica bom ,no exemplo eu coloquei ''7''.
Espero ter ajudado . 
Créditos ao : Cherry Boomb
                                                     Beijos cheio de Grape's

Nenhum comentário:

Postar um comentário