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

Add Hover State to Logo?


Is it possible to have a hover state for a logo in the header? 

My logo says the word "apple", and I want when the mouse hovers over it to swap out for an icon of an apple. 

Additionally would it be possible to do this for multiple elements in a single logo? i.e. if there was 3 words and hovering over each word would change its state?

At the moment I'm just using an animated gif which is fine, just not as clean as I'd like.



Share this post

Link to post

6 answers to this question

Recommended Posts

  • 0

I don't have all the answers, but I think it starts something like this, but I'm missing the middle piece for swapping the logo image with another image.  @tuanphan can you help?


//Logo Rollover//
.logo img:hover {



Share this post

Link to post
  • 0
23 hours ago, harlemworld said:

Any update on this @tuanphan ? I'm curious, too 🙂 Thanks in advance.

Can you describe in detail & share your site url?

COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here


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...