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.
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.
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
Thanks for your help!
you can use a background gradient like this http://cssdeck.com/labs/css-gradient-triangles
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.