Log in

View Full Version : How to create Triangle pointed div/navigation tabs



madnhate
09-26-2012, 05:00 PM
How would you create a triangle pointed div/navigation tabs. With background images, the :before :after? Maybe just purely css? Or are there other methods?

examples of what I am talking about:
http://www.uniqlo.com
http://www.elle.com

The navigation tabs have those pointed triangles. One uses :before and the other one I think just background images.

Sorry for maybe using the wrong description of what I'm talking about, I don't know the terminology for that look.

Beverleyh
09-26-2012, 05:13 PM
http://www.dynamicdrive.com/style/csslibrary/item/css_triangle_arrow_divs/

Hope it helps :)

FrickenTrevor
10-21-2012, 04:35 AM
Actually I think madnhate means to have triangles in the CSS menu

In which case you might look at this
http://jsfiddle.net/vr27Z/39/