CSS3提供了眾多的新特性，其中之一就是陰影框。使用陰影框可以為圖片、文本等元素添加陰影效果，從而使頁面顯得更加美觀。

/* 添加一個水平陰影 */
.shadow {
box-shadow: 10px 0px 5px 5px #888888;
}

上述代碼中，box-shadow屬性用于添加陰影效果。其中，第一個值10px表示陰影相對于元素的水平偏移量，第二個值0px表示陰影相對于元素的垂直偏移量。第三個值5px表示陰影的模糊半徑，值越大則陰影越模糊，反之則越清晰。第四個值5px表示陰影的擴散半徑，值越大則陰影越彌散，反之則越集中。最后一個值#888888表示陰影的顏色。

/* 添加一個內側陰影 */
.shadow {
box-shadow: inset 10px 0px 5px 5px #888888;
}

上述代碼中，加入了一個新的關鍵字'inset'，它表示內側陰影，即陰影效果在元素內部。其他的參數同樣適用。

/* 添加多個陰影 */
.shadow {
box-shadow: 10px 0px 5px 5px #888888, -10px 0px 5px 5px #888888;
}

上述代碼中，使用逗號分隔多個陰影效果，從而實現添加多個陰影效果。

總之，在使用陰影框時，要根據具體情況靈活運用各種參數，從而達到最好的效果。