Grow your CSS skills. Land your dream job.

Gradient triangle

  • # January 13, 2013 at 5:44 pm

    I am using CSS to create a triangle on hover for menus in my sidebar. The challenge I have is that I am using a gradient on the button themselves and I can’t find a way to put a gradient on the triangle.

    Is this even is possible?

    [Live example page](http://optilifechiro.com/secure/about-us/ “Example Page”)

    Thanks for your help!

    # January 13, 2013 at 5:52 pm

    you can use a background gradient like this http://cssdeck.com/labs/css-gradient-triangles

    # January 13, 2013 at 5:56 pm

    I don’t have the luxury of being able to put a separate div in the menu, because it is a widget that WordPress is generating a ul for. I am trying to apply it to the li on hover.

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

You must be logged in to reply to this topic.

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