CSS3陰影距離是CSS3中的一項(xiàng)功能，它可以用來調(diào)整陰影投射的距離。陰影距離是指陰影與元素邊緣之間的距離。

在CSS3中，可以使用box-shadow屬性來添加陰影效果。box-shadow屬性的語法如下：

box-shadow: h-shadow v-shadow blur spread color inset;

其中，h-shadow和v-shadow分別指定陰影的水平和垂直偏移量；blur指定陰影的模糊半徑；spread指定陰影的擴(kuò)散半徑；color指定陰影的顏色；inset用于設(shè)置內(nèi)陰影。

而陰影距離的實(shí)際表現(xiàn)則取決于h-shadow和v-shadow，它們的取值可以是正數(shù)、負(fù)數(shù)或0，例如：

box-shadow: 10px 0px 2px #ccc;    //右側(cè)10像素，無垂直位移
box-shadow: 0px 5px 2px #ccc;     //下方5像素，無水平位移
box-shadow: -5px -5px 2px #ccc;   //左上方5像素
box-shadow: 0px 0px 2px #ccc;     //無偏移，產(chǎn)生內(nèi)陰影

需要注意的是，h-shadow和v-shadow的值不限定為像素，也可以使用em、rem等單位。

總之，通過調(diào)整CSS3陰影距離，我們可以實(shí)現(xiàn)更生動(dòng)、真實(shí)的陰影效果，提升頁面的交互性和美觀性。