與反向圓角

-3

CSS導航欄，我可以做這種類型的導航欄。

這是我在這裏的當前結果

current nav bar

.tabrow:before { 
    position: absolute; 
    content: " "; 
    width: 100%; 
    bottom: 0; 
    left: 0; 
    z-index: 1; 
} 
.tabrow li:after { 
    right: -6px; 
    border-bottom-left-radius: 6px; 
    border-width: 0 0 1px 1px; 
    box-shadow: -2px 2px 0 #D1D1D1; 
} 
.tabrow li.selected:before { 
    box-shadow: 2px 2px 0 #FFF; 
} 
.tabrow li.selected:after { 
    box-shadow: -2px 2px 0 #FFF; 
}

是小提琴link

我有李的第一和最後一個子問題。

來源

2014-10-29 Binod Pariyar

請提供您迄今嘗試過的代碼並將其放在您的問題中。演示（即使在發生故障時）也將有助於回答您的問題。 – secelite 2014-10-29 08:38:40

現在我已經提供了一個示例代碼，現在您可以幫助@ secelite – 2014-10-29 09:02:33

請檢查此解決方案：http://stackoverflow.com/questions/8929173/css3-menu-with-inverse-rounded-corners/8931791#8931791。這看起來正是你在找什麼。 – secelite 2014-10-29 09:13:04

你在找什麼是倒圓角。 SO有一個解決方案。

您可以在這裏查看：css3 menu with inverse rounded corners。

當然，您必須熟練掌握您的代碼。

來源

2014-10-29 09:31:59 secelite

回答

相關問題