CSS3的圓形能夠通過徑向漸變來渲染，這讓圓形效果更加豐富多彩。

.circles {
width: 150px;
height: 150px;
border-radius: 50%;
background: radial-gradient(circle at 50% 50%, #ff5f6d, #ffc371);
}

上面這段代碼可以實現一個半徑為75px的圓形，圓心在中心點，顏色從起始色#ff5f6d到結束色#ffc371逐漸移動。

我們也可以通過多次徑向漸變來構建更為豐富的圓形效果：

.circles {
width: 150px;
height: 150px;
border-radius: 50%;
background: radial-gradient(circle at 50% 50%, #ff7347, #ef5f54 18%, #8d4de8 66%, #3f51b5);
}

這段代碼創建了四種不同的顏色，占據圓的不同比例，創建出了更加奇妙的環形效果。

徑向漸變不僅可以用來渲染圓形，也可以用在其他形狀的渲染上，拓展了創意的可能性。需要注意的是，部分低版本的瀏覽器不支持徑向漸變，需要適當的兼容性處理。