Hoje, os filtros de imagem CSS3 funcionam apenas no Chrome, mas é divertido começar a brincar com eles. Aqui está uma lista completa:
.blur {-webkit-filter: blur(4px);}
.brightness {-webkit-filter: brightness(0.35);}
.contrast {-webkit-filter: contrast(140%);}
.grayscale {-webkit-filter: grayscale(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg);}
.invert {-webkit-filter: invert(100%);}
.opacity {-webkit-filter: opacity(60%);}
.saturate {-webkit-filter: saturate(4);}
.sepia {-webkit-filter: sepia(100%);}
Caso queira se preparar para o futuro, você pode direcionar também os outros navegadores com estes prefixos:
-moz-filter: filter-name;
-o-filter: filter-name;
-ms-filter: filter-name;
Confira alguns exemplos aqui: http://www.web-expert.it/summer-lab/css3-filters/holidays-colours.html