Web Design Workshop 18 Image Filters
Contents
[ hide ]
- 1 Web Design Workshop 18 Image Filters
- 1.1 1. The Picture
- 1.2 2. Blueprint
- 1.3 3. Bronze
- 1.4 4.Cartoon
- 1.5 5. Color Rotate
- 1.6 6. Color Rotate 2
- 1.7 7. Color Sketch
- 1.8 8. Animation
- 1.9 9. Grayscale
- 1.10 10. Inkstamp
- 1.11 11. Neon
- 1.12 12. Pixelate
- 1.13 13. Popart
- 1.14 14. Sepia
- 1.15 15. Soften
- 1.16 16. Tint
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.
| 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.