CSS ON hover?

[liamloveslearning]

Hi all, not sure if theres some JS involved but im trying to create a similiar effect to the images in the 'Top 20 experiences' where on hover they become red and text appears, Ive been trying to reverse engineer it and i thought it was a span tag that becomes visible on hover but my brains isnt working at all http://www.redletterdays.co.uk/Home

 

thanks

[michaellunsford]

If you're talking about the menu on the lift, it's just a simple css menu - ul li format. Underline and color change could be a simple css hover. What are you talking about with the text appearing on hover? I don't see that on the link you gave.

[nano]

They are talking about the Top 20 Experiences carousel towards the bottom.

 

It looks like they have a div, hidden inside the container that is set to display:none;

 

When you hover over the container, that is then set to display block.

 

So yes JavaScript or jQuery would be a requirement.

 

Firebug is your friend

[michaellunsford]

javascript would not necessarily be required for that. This CSS should accomplish the same thing:

 

.product:hover>.inspirationalText {
  display:block;
}