Reino Kawaii

Oie :3 Agora há pouco postei no Candylland como usar o efeito Grayscale que faz com que a imagem perca a cor quando você passa o mouse, ficando com uma tonalidade maior de cinza. E testando o código descobri que o efeito reverso também é legal, ou seja, a imagem poderá se apresentar com uma tonalidade cinza maior e quando se passar o mouse, ela fica colorida ^-^ Assim:

Aqui no blog uso um efeito de opacidade, mas acho que dá para perceber que ficou meio acinzentado não é? Para quem tem blog em tonalidade escura, usar em suas imagens pode ser legal, e até mesmo para destacar alguma imagem das demais. Super simples de fazer...
1. Acima de ]]></b:skin> cole isso:

.gray, a gray {
-webkit-filter:grayscale(50%)
}
.gray:hover, a:hover gray {
-webkit-transition-duration: 0.5s;
-webkit-filter:grayscale(1%)
} 

2. Se quiser que apareça em todas as suas imagens troque todas as palavras "gray" do código por "img".
Mas se quiser aplicar em imagens específicas use este código:

<div class="gray">
<img src="URL DA IMAGEM"/></div> 

E pronto ^^ Espero que gostem e beijus