Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
phardy

Change image to another image on hover. Using Avenue temple

Recommended Posts

Posted (edited)

Site URL: http://www.pamelashardy.com

Hi! I am not a front-end dev and would love your help! I want to have a hover state where the existing image changes to another image on hover. Example, black and white image to a colored image on hover. I am using the Avenue template.

Any idea on how to achieve it? Please help!

Password: notnow

Edited by phardy
Wanted to make sure I made sense.

Share this post


Link to post
On 7/2/2020 at 8:20 AM, tuanphan said:

hi. Have you solved it yet?

Yeah, I used a simple code that I found. I knew it was simple but couldn't remember how.

 

a.project img {
    filter: grayscale(1);
}
a.project:hover img {
    filter: grayscale(0);
}

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...