CSS3是一個強大的樣式表語言，其中包含了很多有用的樣式屬性，其中一個就是陰影效果。陰影效果可以讓網頁看起來更加真實，使得元素在頁面上更加突出。

.box {
box-shadow: 5px 5px 5px grey;
}

上面的代碼是一個典型的陰影效果代碼，其中box-shadow是陰影屬性，后面的數值是定義陰影的顏色、橫向偏移量、縱向偏移量和模糊半徑。可以通過陰影效果來創造出不同的效果，例如內陰影、外陰影、多個陰影等。

.box {
box-shadow: 
0 15px 10px -12px rgba(0,0,0,0.55),
0 45px 40px -24px rgba(0,0,0,0.25);
}

上面的代碼則實現了多個陰影效果，其中每個陰影之間用逗號隔開。其中，第一個陰影是黑色、縱向偏移15px、模糊半徑10px、并且自動調整陰影大小和模糊半徑。第二個陰影則是黑色、縱向偏移45px、模糊半徑40px、并且自動調整陰影大小和模糊半徑。這個效果可以讓元素看起來像懸浮在頁面上。

除了box-shadow之外，CSS3還提供了很多其他的陰影效果，如text-shadow、drop-shadow等。其中text-shadow可以為文本添加陰影效果，而drop-shadow可以為圖片添加陰影效果。

.text {
text-shadow: 2px 2px 1px grey;
}
.img {
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
}

上面的代碼分別為文本和圖片添加了陰影效果，其中text-shadow的屬性值和box-shadow類似。而drop-shadow則需要使用filter屬性來實現，其中的屬性值包括顏色、橫向偏移量、縱向偏移量和模糊半徑。

綜上所述，CSS3中的陰影屬性具有很大的靈活性，可以為網頁提供很多不同的效果。