ABSTRACT
The use of images to create visual effects is standard practice in Web design. Image effects are essential in creating interactivity, such as in rollover effect, and some, such as gradients, filters, and image blending, can be useful for adding aesthetics to a page. This chapter introduces some of the Cascading Style Sheet (CSS) properties used in creating image effects. An image sprite is an image that is one of multiple smaller images contained in a single larger image that is isolated for use as necessary. Image filters are image processors that make it possible to achieve various visual effects with an image, similar to those achievable in Photoshop and other graphics programs, such as blurring and color manipulation. The way images that overlap blend with each other is important in image production for creating various interesting effects. When multiple blending modes are specified, they are applied in the same order as the images specified by the background-image property.
