CSS3中的投影效果是一種常見的應用，可以讓網頁看起來更加立體，有層次感。投影效果可以通過CSS3中的box-shadow屬性來實現。

/*語法*/
box-shadow:  h-shadow v-shadow blur spread color inset;
/*屬性值解釋*/
h-shadow: 水平陰影的位置，可以是負值，表示陰影在元素左側
v-shadow: 垂直陰影的位置，可以是負值，表示陰影在元素上方
blur: 模糊距離，值越大越模糊
spread: 陰影的尺寸，正值表示陰影擴大，負值表示縮小
color: 陰影的顏色，默認是黑色
inset: 是否將陰影放在元素內部，默認是外部陰影

下面是一個實例，展示了一個帶有投影效果的div塊：

<div style="width: 200px; height: 150px; background-color: #eee;
box-shadow: 5px 5px 5px #888888;">
<p>這是帶有投影效果的div塊</p>
</div>

實例中，div塊的陰影位置為(5px,5px)，模糊距離為5px，顏色為#888888。

除此之外，我們還可以通過多重投影的方式，實現更加豐富的效果。通過在box-shadow屬性中添加多個投影效果即可。

/*語法*/
box-shadow:  h-shadow v-shadow blur spread color inset,
h-shadow v-shadow blur spread color inset;
/*屬性值解釋*/
與單一投影一致

下面是一個帶有兩個投影效果的實例：

<div style="width: 200px; height: 150px; background-color: #eee;
box-shadow: 5px 5px 5px #888888, -5px -5px 5px #888888;">
<p>這是帶有兩個投影效果的div塊</p>
</div>

實例中，div塊同時有水平陰影與垂直陰影，效果更加立體。

綜上所述，CSS3中的投影效果可以通過box-shadow屬性來實現，可以實現單一或多重的陰影效果，讓網頁呈現出更立體的效果。