Css自定義形狀按鈕

Question

如何製作像這樣的自定義形狀按鈕。
示例：http://www.dennispkramer.com/index.html
我的意思是按鈕說'博客'和'約'。

Answer 1

實際的按鈕是塊，就像平常一樣。

然而，他們已經增加#nav-mask，看起來像這樣：

給人錯覺的按鈕是這樣的：

Answer 2

這些不是自定義形狀。在商標背後有一個面罩，在菜單項前面。有一些CSS技巧可以創建三角形等自定義形狀，但對於真正的自定義形狀，我建議使用SVG。