Add Hover Effect with Images (wordpress)

1 Views

What is the best solution for adding Image Transparency – Hover Effect to wordpress? I have a few company logos that I want to be fading until you hover over them….Is there an easy solution? Looking for the right code and css…thanks so much.

Post Views: 1

Related posts

Leave a Reply

1 comment

  1. First define a class for all your company logo images like this –

    <img class="company-logo" src="..."/>

    Then add CSS for company-logo class like this –

    img.company-logo {
    opacity: 0.5; /* Set this to whatever value you want */
    filter: alpha(opacity=50);
}

img.company-logo:hover {
    opacity: 1; /* make the images fully opaque */
    filter: alpha(opacity=100);
}