The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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]( “Example Page”)

    Thanks for your help!

    # January 13, 2013 at 5:52 pm

    you can use a background gradient like this

    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed