Três efeitos para imagens

Oi oi pessoas do meu coração >.<

Eu andei bastante sumida, me desculpem mesmo. Mas sabe, a minha animação para postar está lá em baixo, até pensei em desistir do blog e talz. Nem um layout novo eu consigo fazer, tipo, quando eu estou quase terminando um, eu me enjoo e invento de fazer outro. É um chove-não-molha incrível. Sem contar que, eu tenho vida social (bem pouquinha, mas tenho) e preciso dar atenção a ela. Talvez eu me afaste do blog por algum tempo até eu me organizar, quero aproveitar esse post para pedir desculpas aos meus afiliados lindos, infelizmente eu sou uma afiliada feia SUHEUHSE... vou ver se arranjo tempo e comento lá, pelo menos isso, né? 

Sobre o tutorial, são três efeitos para imagens bem legais e bons pra descontrair um pouco, sei lá. Não foram feitos por mim, todos eu peguei em layouts diferentes meus que estavam nas moscas já :P

Enfim, beijos e aproveitem o tuto ^-^

Efeitos:

Sépia

.main img {-webkit-filter:
(0%);
transition: all 1s ease;}
.main img:hover {-webkit-filter: sepia(80%);
-moz-transition: all 2s ease;
}

Preto e branco

.main img {
-webkit-filter:
(0%);
transition: all 1s ease;}
.main img:hover {
-webkit-filter: grayscale(90%);
-moz-transition: all 2s ease;
}

Opacidade

.main img {
-webkit-filter:
(0%);
transition: all 1s ease;}
.main img:hover {
-webkit-filter: opacity(80%);
-moz-transition: all 0s ease;
}

Como colocar:

1. Vá em Modelo >> Editar HTML >> Procure por ]]><

Acima da tag procurada, cole o código do efeito que desejar.