CSS3 image filters with examples

Finally, I can use my favourite IE5 features in Google Chrome!

Thanks for pointing this out. I was about to implement some simple Image Processing (brightness, contrast, invert, etc) for x-ray images and I think the CSS image filters will give me everything I need. It's a research website and nearly everyone is using webkit browsers, so no problem there.

Made a CSS-filter playground a while a go: <a href="http://news.ycombinator.com/item?id=4071880" rel="nofollow">http://news.ycombinator.com/item?id=4071880</a>

I'm not sure what the point of some of these is. Take the sepia one for example: why do we need a filter just for that? What's the use case?<p>Interesting to note that the blur one "breaks" out of its box, although not while it's transitioning.

<a href="http://news.ycombinator.com/item?id=4218709" rel="nofollow">http://news.ycombinator.com/item?id=4218709</a>

...and the gap between native and web ui gets even narrower.