CSS 單邊 inner box shadow

CSS3的box-shadow效果，想來大家可能並不陌生，但是一般我們用向外的shadow效果比較多，如果希望得到向內部的陰影效果，怎麼實現呢？

很容易，就是加上inset：

.side-shadow {
    -webkit-box-shadow: inset 0 -3px 10px -3px #666666;
       -moz-box-shadow: inset 0 -3px 10px -3px #666666;
            box-shadow: inset 0 -3px 10px -3px #666666;
}

以上的例子中，我們把spread（即最後一個參數）的半徑設置爲了-3px，這會將陰影擠到一邊，所以效果將會是這樣：

這樣的效果可以用於導航欄，凸顯出3D效果，是不是很簡單呢？