When working with images, it is common to make changes or apply effects to get the result you want. There are two frustrating things with this type of work. First, you need image-editing software. There are open-source and free programs though, which let you avoid paying a high price. But jumping between programs is still inconvenient for making small, quick changes. Second, if you're working for a client, they may want images tweaked just a little bit this way or that way. When this happens, you have to go back to your original image and reapply your changes with this new feedback in mind. This results in a number of copies of your image file and switching out the one used in your web page. This can all get confusing and time-consuming.
CSS3 added several new properties that can let us avoid going into image-editing programs and making more new files. With these additions, we can alter the appearance of an image or element that would normally have required creating all new images. Conveniently, using CSS values to make these changes allows us to make small adjustments bit by bit until we're satisfied with the overall result.
Updating with Image Software
|
Updating with CSS3
|
The properties covered in this lesson will allow us to make additions to our backgrounds, change an image's coloration, and make HTML container elements more decorative. These techniques will give us more precision and fewer files and complications as we add effects to our designs.
