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

marblestadium: 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.

Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics.

If you enjoyed reading the above, please consider following future tips and strategies by RSS reader, Email delivery, or Kindle subscription.

This page is wiki editable click here to edit this page.

Tags: Animation, Blueprint, Bronze, Cartoon, Color Filters, Color Rotate, Color Sketch, Grayscale, Image Filters, Inkstamp, Neon, Pixelate, Popart, Sepia, Sketch, Tint Category: Design, Digital Photography, Media, Web Design, Web Design Workshop

Yorgo Nestoridis - Check it out at http://cashflowin.com Yorgo Nestoridis YORGOO Terpsichoris 2 Vouliagmeni , Attica , 16671 Greece +302109673069 Publishing Media Marketing YORGOO YORGOO Publishing YORGOO Press YORGOO Media Ycademy Cashflowin Semiomantics HIOD Yorgo Nestoridis Hosting South Africa ChiHosters This hCard created with the hCard creator.