I'm a big fan of some of the experimental CSS properties that the browsers vendors are developing. In previous tutorials I have looked at some of the new features which I think are really useful.
In this tutorial we are going to look at a great new features called CSS filters. This is a new feature that can be used on both HTML elements and images, but I think it's best used on images and can create nice effects on image galleries.
Using just CSS you are able to create all these effects on images.
- Greyscale
- Blur
- Saturate
- Sepia
- Hue Rotate
- Invert
- Brightness
- Contrast
- Opacity
Looking at CSS Filters, as an image filter instead of just using it in your html browser. It already has all the general sepia, greyscale and of course brightness and contrast. This tutorial gives a good argument that the CSS image filter can be used to the best of it's ability as well as the majority of any other image filters.