Twenty Ten, dropdown menu appearing with fade effect

• 

  letmegoz · Member · Oct 6, 2010 at 8:50 pm

  • Copy link
  • Add topic to favorites

  Hi,

  How can I have the Twenty Ten dropdown menu appearing with some fade effect?

  If you put your mouse over the “A parent page” it promptly shows a dropdown list with all pages. However, would like to have it showing with some fade effect.

• 

  thesacredpath · Member · Oct 6, 2010 at 9:27 pm

  • Copy link

  We need a link to your blog. The one linked to your username is using Kubric.

• 

  letmegoz · Member · Oct 6, 2010 at 9:38 pm

  • Copy link

  You may check it. I am testing…
  http://letmegoz.wordpress.com/

  Would like to have a fade in that dropdown instead of displaying promptly.

  Thanks

• 

  hallluke · Member · Oct 6, 2010 at 9:42 pm

  • Copy link

  As far as I am aware that would require javascript which we can’t use for security reasons.

• 

  thesacredpath · Member · Oct 6, 2010 at 9:47 pm

  • Copy link

  Add the following definitions to #access ul ul a

  filter:alpha(opacity=60%;
  opacity:0.6;

  I’ve just used 60% but you can play with those. Make both the same value though. The “filter” is for IE which doesn’t understand the opacity attribute.

• 

  hallluke · Member · Oct 6, 2010 at 10:08 pm

  • Copy link

  I think the question was about animating the drop downs so that they do not appear instantly on mouseover which is not achievable with CSS currently. If you were talking about see-through-ness then TSPs code above should help!

• 

  thesacredpath · Member · Oct 6, 2010 at 10:12 pm

  • Copy link

  Ah, you might be right. Probably are.

• 

  letmegoz · Member · Oct 7, 2010 at 10:39 pm

  • Copy link

  You are right. No chance to do it with CSS, only jQuery