Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.

Well done!

You have completed (UPI) Chapter 5: Image Manipulation in HTML!

Instruction

Creating Image Rollovers Using CSS

An image rollover effect involves swapping images when a user hovers over them. While JavaScript is often used for complex rollovers, CSS can handle simpler transitions effectively.

HTML Structure for an Image Rollover

The HTML here includes an empty <p> element with an id attribute. The CSS applies background images to this element, which change when the user hovers over it.

...