Jump to content

Background & text color change (hover)


mmmartin

Recommended Posts

Hey. I am a beginner in html+css, and so far I have been able to solve everything out with google, but this is where it all stopped.

 

I would like to make a solid color background with three icons on it(they are connections). When you hover the first icon, background color changes to yellow. When you hover second one, background color goes to red etc... what is the best solution for this, considering I would like to make a translation soft (meaning from dark gray to yellow in 0.5second, not instantly). Is that achievable with css or is that something where js comes in?

 

The same goes with a text... i would like it to be clickable and change color on hover, again with transition.

 

Just a simple image, but I guess text is clear enough.

 

3wcockU.jpg

 

Thanks.

Link to comment
Share on other sites

Create an account or sign in to comment

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

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...