Css自定义形状按钮

Question

如何制作这样的自定义形状按钮。
例如：http://www.dennispkramer.com/index.html
我的意思是按钮说“博客”和“关于”。

Answer 1

实际按钮是一个块，就像正常一样。

但是，他们添加了#nav-mask，如下所示：

给出幻觉按钮是这样的：

Answer 2

那些不是自定义形状。徽标后面有一个面具，位于菜单项的前面。有一些CSS技巧来创建自定义形状，如三角形，但对于真正的自定义形状，我建议使用SVG。