CSS3 背景投影是一種優秀的效果，它在網頁設計中經常被應用。這篇文章將介紹一些關于 CSS3 背景投影的知識和技巧。

/* CSS3 背景投影的基礎 */
.box {
box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
}
/* box-shadow 屬性被用來定義背景投影的樣式和效果。它有四個值：x 的偏移值、y 的偏移值、投影模糊半徑、陰影顏色和透明度。 */
/* 投影的偏移值用來控制它的位置，您可以添加正值表示向右或向下，負值表示向左或向上。 */
/* 投影模糊半徑指的是投影的模糊效果。越大模糊效果越明顯。 */
/* 陰影顏色和透明度定義投影的顏色和透明度。 */
/* 負值的模糊半徑可以產生近似于外陰影的效果，而正值則可以產生較為柔和的內陰影效果。 */
/* CSS3 背景投影的進階 */
.box {
box-shadow: 
0px 0px 0px 3px rgba(0,0,0,0.5),
5px 5px 5px rgba(0,0,0,0.5);
}
/* 這段代碼展示了如何使用 CSS3 背景投影來制作一種外發光效果。 */
/* 首先設置一個較深的投影效果，然后使用較淺的顏色添加第二個更大的投影，制作出外發光的效果。 */
/* 通過這種技巧，可以為網頁設計中的各種元素提供更加生動和吸引人的效果。 */