4 Replies - 3094 Views - Last Post: 14 July 2014 - 08:15 AM

#1 TahoeKidd   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 25-April 14

CSS Hover Effect in footer - DROP UP MENU

Posted 09 May 2014 - 08:10 AM

Hi all - I know CSS, but I'm not a whiz by any means and I have a client that wants the menu in the footer with a hover effect as shown in the attached image.

Will someone please help me with this?

Thanks in advance!Attached Image
Is This A Good Question/Topic? 0
  • +

Replies To: CSS Hover Effect in footer - DROP UP MENU

#2 Dormilich   User is offline

  • 痛覚残留
  • member icon

Reputation: 4202
  • View blog
  • Posts: 13,275
  • Joined: 08-June 10

Re: CSS Hover Effect in footer - DROP UP MENU

Posted 09 May 2014 - 08:17 AM

all you need is the :hover pseudo class to show the CSS of the hovered Element. by the looks of it you’ll probably need box-shadow and the linear-gradient() function.

This post has been edited by Dormilich: 09 May 2014 - 08:18 AM

Was This Post Helpful? 0
  • +
  • -

#3 TahoeKidd   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 25-April 14

Re: CSS Hover Effect in footer - DROP UP MENU

Posted 09 May 2014 - 08:51 AM

So I need to use show/hide method?
Was This Post Helpful? 0
  • +
  • -

#4 Dormilich   User is offline

  • 痛覚残留
  • member icon

Reputation: 4202
  • View blog
  • Posts: 13,275
  • Joined: 08-June 10

Re: CSS Hover Effect in footer - DROP UP MENU

Posted 10 May 2014 - 04:54 AM

I thought you wanted to use CSS?
Was This Post Helpful? 0
  • +
  • -

#5 VeeramanikandanM   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 25-June 14

Re: CSS Hover Effect in footer - DROP UP MENU

Posted 14 July 2014 - 08:15 AM

 ul li:hover {background:#000000;}
       ul li:hover a{color:#0099ff;}



use this code for hovering your menu.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1