[CSS] efeito desativado com imagens

[Micilini Roll 49]

pessoal o efeito que pretendo fazer é estilo mouse over,imagina um pequeno quadrado azul,quero um efeito em css(nao sei se é possivel) fazer com que o quadrado fique da cor cinza, e caso eu passar o mouse em cima ele volte a sua cor original,so que no caso irei esta fazendo isso com uma imagem(que pode ter mais de 5 cores),alguma dica?

[Bruno Augusto 417]

Até a primeira parte, do efeito ser aplicado com CSS ao passar o mouse eu entendi, e seria apenas aplicar os estilos na pseudo-classe :hover.

 

Mas depois você parece dizer que esse estado modificado, do houver, deve ser mantido até que o mouse seja passado pelo elemento novamente, certo? Se sim, tanto quanto eu sei, isso só com JavaScript ou quem sabe alguma técnica mirabolante em CSS3 que certeza que não vai ser compatível entre todos os browser.

 

Só que no final você diz que vai usar uma imagem então, resumindo você procura algo como um hover com CSS Sprites, mas que seja gatilhado toda vez que o mouse passar por cima, como se estivesse clicando.