CSS3正交投影是一種渲染效果，它可以給HTML元素添加立體感，讓頁(yè)面效果更加真實(shí)。

在CSS3中，我們可以使用box-shadow屬性來(lái)添加正交投影。

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

其中，h-shadow表示水平方向的偏移量，v-shadow表示垂直方向的偏移量，blur表示模糊程度，spread表示擴(kuò)展程度，color表示投影的顏色，inset表示內(nèi)陰影。

如果我們只想添加正交投影，可以這樣寫：

box-shadow: 5px 5px grey;

這個(gè)例子中，元素向右下方偏移了5px，產(chǎn)生了一個(gè)灰色的投影。

如果我們希望投影更加清晰，可以增加blur的值：

box-shadow: 5px 5px 10px grey;

這個(gè)例子中，投影的模糊程度增加到了10px，看起來(lái)更加清晰。

如果我們希望投影更加突出，可以增加spread的值：

box-shadow: 5px 5px 10px 10px grey;

這個(gè)例子中，投影向四周擴(kuò)展了10px，看起來(lái)更加突出了。

CSS3正交投影可以幫助我們創(chuàng)建立體感的頁(yè)面效果，給用戶帶來(lái)更好的視覺(jué)體驗(yàn)。