CSS to apply to all images apart from one

I dont see a logo or a hover effect, can you supply a screenshot?

Sorry – I got rid of it for now because I didn’t know how to take it away from the logo.. this was the CSS I used:

.page-id-7
img {
-webkit-filter: opacity(40%); /* Safari */
filter: opacity(40%);
}
img:hover {
-webkit-filter: opacity(100%); /* Safari */
filter: opacity(100%);
}

Thanks ??

1. You are applying the effect to every on the page with that css.
2. Why not just add a class to only the images you want to hover.
3. What are you using a filter when opacity is a CSS property

img.hovered { opacity: 0.4; }

How do I add a class to only the images I want to hover?

I don’t want to apply the effect to everything on the page.

Thanks for your help

bump

I’ve worked it out

.img {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}

.img:hover {
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}

life is good.