Search code examples
htmlcssbreadcrumbs

Is there a way to achieve a 6-point button in HTML?


I'm trying to achieve something similar to how Apple does their breadcrumbs in the footer:

Breadcrumb example

I was thinking CSS3 (border-radius), but that does rounded corners only. Or is is a simple HTML5 feature?


Solution

  • Theres is alot examples on the internet just look for css3 breadcrumbs and you will see many tutorials.

    http://css-tricks.com/triangle-breadcrumbs/

    And you can do that with border here is a example and a tutorial

    http://thecodeplayer.com/walkthrough/css3-breadcrumb-navigation