Image hover CSS for revolution slider


Staff member
I'm using revolution slider and I'm stuck with a problem. As an example I use the original demo from here: <a href="" rel="nofollow"></a>.

On the tab 'portfolio' you see images that shrink in size with a transition and look a bit darker when you hover over them. This is what I want as well but I can't figure out how.

In revolution slider you can add classes, ID's and CSS to specific images so what I probably need is a CSS code that makes this possible. I've tried several codes I found online but none of them do the trick because they all come with an html part as well.

My guess was: the image is already there, I don't need the html part, only assign classes or id's to the images and then give each image the same kind of CSS code.

Am I on the right track with this? And can anyone help me with the code for it?

Many thanks in advance!