CSS是前端開發中的必備技能，其中右邊陰影是常見的布局美化效果。在實際應用中，我們可以使用box-shadow屬性來實現右側陰影效果。

box-shadow: 5px 0 5px rgba(0, 0, 0, 0.5);

其中，box-shadow接受的參數有四個：

第一個參數：水平偏移量（可正可負）；

第二個參數：垂直偏移量（可正可負）；

第三個參數：陰影大小；

第四個參數：顏色和透明度。

上述代碼表示在元素的右側產生一個水平偏移量為5px，垂直偏移量為0，大小為5px的黑色半透明陰影效果。如果想要元素的左側產生陰影，可以將第一個參數的值改為負值。

需要注意的是，box-shadow屬性需要加上瀏覽器前綴，以兼容不同的瀏覽器：

-webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 0 5px rgba(0, 0, 0, 0.5);

以上代碼表示添加webkit瀏覽器的前綴，達到兼容的作用。同時，在實際應用中需要靈活運用box-shadow的參數，來滿足不同的布局要求。