次來看一個帶特殊圓角導航欄布局，如下谷歌瀏覽器的標簽欄：

這樣一個布局如何實現呢？

CSS 漸變幾乎是無所不能的，什么的圖形都能繪制，這里可以拆分一下，兩個矩形，兩個圓形，還有兩個反向圓角，也就是 2 個 線性漸變，4 個徑向漸變，示意如下：

最終實時效果如下（上面是原理圖）

完整代碼如下：

SS3豐富了色彩方面的內容，在純色的基礎上加入了漸變色的處理，線性漸變、徑向漸變在web色彩上可以起到畫龍點睛的效果。