liamloveslearning Posted November 4, 2010 Share Posted November 4, 2010 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 Quote Link to comment https://forums.phpfreaks.com/topic/217741-css-on-hover/ Share on other sites More sharing options...
michaellunsford Posted November 5, 2010 Share Posted November 5, 2010 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. Quote Link to comment https://forums.phpfreaks.com/topic/217741-css-on-hover/#findComment-1130495 Share on other sites More sharing options...
nano Posted November 5, 2010 Share Posted November 5, 2010 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 Quote Link to comment https://forums.phpfreaks.com/topic/217741-css-on-hover/#findComment-1130650 Share on other sites More sharing options...
michaellunsford Posted November 5, 2010 Share Posted November 5, 2010 javascript would not necessarily be required for that. This CSS should accomplish the same thing: .product:hover>.inspirationalText { display:block; } Quote Link to comment https://forums.phpfreaks.com/topic/217741-css-on-hover/#findComment-1130712 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.