Create CSS Hover Image in Wordpress
I have a site here...
When you look at this page, you'll see an image of a comment bubble...
Here's the CSS attached to that comment bubble...
#content .postmetadata .comments {
background-image:url(images/comment.png);
background-repeat:no-repeat;
position:absolute;
bottom:8px;
height:25px;
*bottom:18px;
margin-left:8px;
}
What I'm trying to do is, by default have the image that you see there...
(it's black with about 50% opacity).
When you hover over it, the image turns red, but keeps the background
transparent, so it's only the bubble that changes color.
I have the red image ready, or is that something I can do with CSS?
Does that make sense?
No comments:
Post a Comment