Web Design Workshop 18 Image Filters

Filtering images allows to change the look and feel of an image with just a few mouse clicks. While a few filters can be applied via CSS, I don’t really recommend it as they will not work in all browsers and if you load the corresponding code for 3 browser types, your code will not validate as two of them are proprietary stuff. In as much as I am concerned I just use opacity elements and code them for IE and FF in rare cases.

Let’s look at what some of the most popular filters do to a picture:

1. The Picture

The Marble Stadium by Night

2. Blueprint

3. Bronze

4.Cartoon

5. Color Rotate

6. Color Rotate 2

7. Color Sketch

8. Animation

9. Grayscale

10. Inkstamp

11. Neon

12. Pixelate

13. Popart

14. Sepia

15. Soften

16. Tint

Join tonight’s Web Design Workshop at yorGOtalk to learn how to quickly implement filters.

Have a look at:

• Google Top 10 Website for Sale
• Hosting South Africa
• Web Design Workshop 3 – Site Title
• Google Top 10 with Web Design
• YORGOO Press on Google

Tags: Make Money online, Online Marketing, Online Media, Online Publishing, Yorgo Nestoridis

This entry was posted on Wednesday, October 7th, 2009 at 5:25 pm and is filed under Animation, Blueprint, Bronze, Cartoon, Color Filters, Color Rotate, Color Sketch, Design, Digital Photography, Grapgic Design, Grayscale, Image Filters, Inkstamp, Media, Neon, Pixelate, Popart, Sepia, Sketch, Tint, Web Design, Web Design Workshop. You can follow any responses to this entry through the RSS 2.0 feed.