CSS3 長陰影是一種常用的樣式效果，可以為網頁內容添加流暢自然的視覺體驗。

使用 CSS3 長陰影要注意以下幾點:

1. 陰影方向。

.box{
box-shadow: 20px 20px 0px #666;
}

這里的第一個值表示 x 方向的偏移距離，第二個值表示 y 方向的偏移距離，第三個值表示陰影的模糊半徑，第四個值表示陰影顏色。

2. 顏色變淺。

.box{
box-shadow: 20px 20px 0px #000000;
}
.box:hover{
box-shadow: 40px 40px 0px #666666;
}

這里的 hover 偽類用于鼠標懸停時，陰影會變淺。

3. 多個陰影。

.box{
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1), 
0 30px 60px rgba(0, 0, 0, 0.15), 
0 40px 80px rgba(0, 0, 0, 0.2);
}

可以設置多個陰影，以逗號分隔，每個陰影可以設置不同的偏移距離、模糊半徑和顏色。

總之，CSS3 長陰影是一種簡單但效果明顯的樣式，可以增強網頁視覺效果，提高用戶體驗。