CSS影子樣式是CSS3中新增的一個樣式屬性。它可以讓一個元素的某些部分產生出陰影效果，從而為網站的設計提供一些豐富的視覺效果。下面我將為大家介紹一些CSS影子樣式的代碼例子。

第一種影子樣式為元素的盒子周圍產生陰影：

.box {
box-shadow: 5px 5px 5px #000;
}

上面這段代碼中，box-shadow屬性的第一個值設定了陰影的水平偏移量，第二個值設定了陰影的垂直偏移量，第三個值設定了陰影的模糊半徑，第四個值則是設定了陰影的顏色。

第二種影子樣式為文字產生陰影：

.text {
text-shadow: 2px 2px 2px #000;
}

上面這段代碼中，text-shadow屬性的第一個值設定了陰影的水平偏移量，第二個值設定了陰影的垂直偏移量，第三個值設定了陰影的模糊半徑，第四個值則是設定了陰影的顏色。

第三種影子樣式為元素的文字在背景下產生陰影：

.box-text {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: url(../images/bg.jpg);
background-size: cover;
background-attachment: fixed;
background-position: center center;
}

上面這段代碼中，-webkit-background-clip屬性設定了元素的背景只在文字部分顯示，-webkit-text-fill-color設定了文字顏色為透明，實現文字自身不顯示的效果。而背景圖的具體設置還需根據自己的需求進行調整。

總之，CSS影子樣式可以為網站的設計增加一些豐富的視覺效果。大家可以根據自己的需求和設計風格，靈活運用這些代碼。