Grow your CSS skills. Land your dream job.

Transparent Shape Appear over Menu on Hover

  • # April 18, 2013 at 3:03 am

    I do not know how to make a Transparent Shape appear over a Menu item on Hover.

    I would like to hover over a Menu (on the horizontal, top, primary, main menu) and have a gradient, transparent shape descend from the very top and cover the Menu Item that is on hover. If it can not descend, it can simply Appear (become visible).

    The shape should be a Trapezoid or a parallelogram. It does not have to be a gradient but that would be ideal.

    Should I make a Transparent Div and then make it Appear on hover?
    Or
    Can I make a Div with a shape?

    It is most important that this shape should follow the menu item when the browser window resizes to any size! This responsive part is the tougher part to imagine.

    Any ideas?
    -ss

    # April 18, 2013 at 3:04 am

    When I say Transparent, I mean partially, say 30-50%, so the shape is a highlight over the menu item.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".