HTML5作為新一代的網頁開發標準，為我們帶來了許多新特性和標簽，其中文字陰影功能值得我們關注。下面是一些HTML5文字陰影代碼的示例：

/* 在文字上方添加紅色陰影 */
h1 {
text-shadow: 1px 1px 0 red;
}
/* 在文字下方添加藍色陰影 */
p {
text-shadow: 0 0 3px blue;
}
/* 為文字添加多重陰影 */
.text-block {
text-shadow: 1px 1px 0 red, 
-1px -1px 0 blue,
2px 2px 4px yellow;
}

上面的代碼示例中，text-shadow屬性是實現文字陰影效果的關鍵。該屬性的值由三個參數組成，分別是水平方向的偏移量、垂直方向的偏移量和模糊半徑。

例如，在上面的第一個示例代碼中，text-shadow: 1px 1px 0 red;表示將陰影向右下方移動1個像素，另一個方向移動1個像素，并將模糊半徑設置為0。因此，文本上方將出現紅色的陰影。

除了這些基本用法外，我們還可以實現多重陰影效果。例如，在上面的最后一個示例代碼中，text-shadow: 1px 1px 0 red, -1px -1px 0 blue, 2px 2px 4px yellow;表示將分別為文本添加三個陰影，分別是向右下方的紅色陰影、向左上方的藍色陰影和向右下方的黃色陰影。不同陰影之間用逗號隔開。

在實際的網頁開發中，我們可以根據需要自由調整文字陰影的樣式，以達到更好的視覺效果。