Css custom shape button [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

---

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Closed 8 years ago.

Improve this question

How do I make a custom shape button like this.
example: http://www.dennispkramer.com/index.html
I mean the button saying 'blog' and 'about'.

Answer 1

The actual button is a block, like normal.

However, they've added #nav-mask which looks like this:

Giving the illusion the buttons are like this:

Answer 2

Those are not custom shapes. There is a mask behind the logo, in front of the menu items. There are some CSS tricks to create custom shapes like triangle, but for real custom shapes i would suggest to use SVG.