Title: Change image opacity when hovering
Last modified: August 19, 2016

---

# Change image opacity when hovering

 *  Resolved [lost_and_confused](https://wordpress.org/support/users/lost_and_confused/)
 * (@lost_and_confused)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/change-image-opacity-when-hovering/)
 * My website is [http://www.audreydao.com](http://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="http://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)

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/change-image-opacity-when-hovering/#post-1724920)
 * 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.

## Tags

 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [image opacity](https://wordpress.org/support/topic-tag/image-opacity/)
 * [mousover](https://wordpress.org/support/topic-tag/mousover/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [Michael](https://wordpress.org/support/users/alchymyth/)
 * Last activity: [15 years, 7 months ago](https://wordpress.org/support/topic/change-image-opacity-when-hovering/#post-1724920)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics