CSS中，圓圈陰影是一種常用的樣式效果，它可以為網站或應用程序的按鈕、菜單、彈出框等元素增加立體感，提高用戶體驗。下面我們來看一下如何通過CSS實現圓圈陰影。

.circle {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

以上代碼中，我們定義了一個名為“circle”的CSS類，該類用于渲染一個圓形元素，寬高均為50像素，并設置了50%的邊界半徑，使元素呈現圓形。接下來設置了一個box-shadow屬性，用于添加陰影效果。

box-shadow屬性需要設置四個值，分別是水平偏移量、垂直偏移量、模糊半徑和陰影顏色，它們之間用空格分隔。在以上代碼中，我們設置水平和垂直偏移量均為0，表示陰影不偏移，模糊半徑為10像素，表示陰影的邊緣會變得模糊，陰影顏色為rgba(0,0,0,0.5)，表示黑色半透明。

如果想要圓圈陰影更加立體，可以為box-shadow屬性添加多個值。

.circle {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0,0,0,0.5), 
0 0 20px rgba(0,0,0,0.5), 
0 0 30px rgba(0,0,0,0.5);
}

以上代碼中，我們添加了兩個額外的box-shadow值，分別表示更深的陰影層次，分別設置了20像素和30像素的模糊半徑。

通過以上方式，我們可以方便地為網站或應用程序添加圓圈陰影效果，使頁面變得更加立體感，吸引用戶的注意力。