投影是指在 CSS3 中添加的一種特殊效果。通過使用透明度和不同的陰影顏色，可以為 div 元素創建立體效果。

使用CSS3中的投影效果可以為你的網頁設計添加一些奇特的效果，使之更加立體和現代化。想要實現這些效果，我們需要使用 box-shadow 屬性來定義投影效果。

/* Basic box-shadow syntax */
box-shadow: h-shadow v-shadow blur spread color inset;
/* Example usage */
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);

上面的代碼片段演示了如何使用 box-shadow 屬性定義投影效果。在度量單位之后，box-shadow 屬性通過將陰影的模糊半徑、擴散距離和顏色值傳遞給它來定義陰影的大小和顏色。

值得注意的是，我們可以使用 inset 參數添加內陰影效果。此外，還可以使用多重投影效果并分別為每個陰影設置不同的顏色和大小。例如：

/* Multiple box-shadow example */
box-shadow: 
0px 0px 10px 5px rgba(255, 0, 0, 0.8),
0px 0px 20px 10px rgba(0, 255, 0, 0.6),
0px 0px 30px 15px rgba(0, 0, 255, 0.4);

上面的代碼演示了如何為一個 div 元素添加多個投影效果。

總的來說，CSS3 中的 box-shadow 屬性是在 web 設計中添加投影效果的一個強大工具，通過使用它，我們可以更加靈活地去定制和設計網頁的效果。 在實際使用中，我們可以結合其他屬性比如 border-radius 創建更加個性化的效果。