Css custom shape button

Question

Как создать пользовательскую кнопку формы, подобную этой.
пример: http://www.dennispkramer.com/index.html
Я имею в виду кнопку с надписью «blog» и «about».

Answer 1

Настоящая кнопка представляет собой блок, как обычно.

Однако они добавили #nav-mask, который выглядит следующим образом:

Давая иллюзию кнопки, как это:

Answer 2

Это нестандартные формы. Перед логотипом находится логотип, расположенный напротив элементов меню. Есть некоторые трюки CSS для создания пользовательских фигур, таких как треугольник, но для реальных пользовательских форм я бы предложил использовать SVG.