How to add CSS / hover effect to images?

[1998tkhri]

I've seen that that I can add CSS to an image, but not sure how to do that. Do I need an embed code? Where does the embed code element go on the page, and how do I figure out which picture is what?

My main goal is to have a photo that, when you hover over it, the photo fades out a bit and the caption appears as an overlay, similar to a gallery. It needs to be a single column of photos, though, so a gallery wouldn't work.

[Bernadette3]

Hi there. There's a few third party sites that will provide the code you are looking for. I can't remember them off the top of my head but will try to find out for you.

@bobafett I lost the link you posted to that really cool site you shared with me. Can you please post it here when you get a chance? Thanks!

[1998tkhri]

But where do I put the code once I have it; how do I put code on an image? I know enough CSS to know that if I could label those photos with a certain class (let's say .qwerty, for example), I could then write:

.qwerty {
    do the things with the code I need;
}

But, how do I set the images I want to have the .qwerty class?