Highlight linked images

Posted in: Newspaper
Post count: 27
Gwen
#75560
Oct 22, 2015 at 4:49 pm

Hi,

is it possible to add hover effects on all linked images on posts and pages?

I tried to add sth like this:

img
{
opacity:1.0;
filter:alpha(opacity=100);
}
img:hover
{
opacity:0.8;
filter:alpha(opacity=80);
}

this code doesnt work properly. Some images get highlighted but not all (and only on the homepage for some reason).

You can see an example page here: http://www.interviewmagazine.com/fashion/

Thank you in advance! 🙂

Post count: 23312
Catalin
#75723
Oct 23, 2015 at 11:53 am

Hi @Gwen,

Please try the code below and see how it works.

a img:hover {
opacity: 0.8!important;
}

Thanks.

Post count: 27
Gwen
#75764
Oct 23, 2015 at 3:01 pm

Hi,

that didnt work out completely, but adding the following code in css did:

img {
opacity: 1.0;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
}
a:hover img {
opacity: .9!important;
transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
}

That solved my problem! 🙂

Thanks though

Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.