Change image opacity when hovering

  • Resolved lost_and_confused

    (@lost_and_confused)


    14 years, 4 months ago

    My website is https://www.audreydao.com and I wanted to use an image for the more tag. I googled and found a code that allowed me do it. I was wondering if there was a way to change the opacity of the image when a mouse hovers over the image. Here is the code I used to allow an image to be my more tag:

    <?php the_content('<img src="https://i26.photobucket.com/albums/c104/ba_lan/ReadMore.jpg" border="0" alt="Photobucket' . bloginfo('template_directory'). '/images/leaf.gif" alt="read more" title="Read More..." />'); ?>

Viewing 1 replies (of 1 total)

  • for instance, with a new style in style.css:

    a.more-link:hover img { opacity:.5; }

    worked in firefox – you need to check for yourself, if ‘opacity’ is compatible with all modern browsers.

Viewing 1 replies (of 1 total)
  • The topic ‘Change image opacity when hovering’ is closed to new replies.