CSS3中的轉(zhuǎn)換功能可以讓我們輕松地將元素從一個形狀轉(zhuǎn)換為另一個形狀，例如將正方形元素轉(zhuǎn)換成圓形元素。下面我們來學習一下如何使用CSS3將正方形轉(zhuǎn)換成圓形。

/*定義一個正方形*/
.square{
width: 100px;
height: 100px;
background-color: blue;
}
/*將正方形轉(zhuǎn)換成圓形*/
.square{
border-radius: 50%;
}

上面的代碼演示了如何使用border-radius屬性將一個正方形元素轉(zhuǎn)換成圓形元素。border-radius屬性的值為50%，這就表示將該元素的4個角全部變成半徑為寬度的一半的圓角，這樣就可以得到一個圓形元素。我們可以通過調(diào)整border-radius屬性的值來控制元素的角變成的圓角大小。

值得注意的是，如果在border-radius屬性中使用非50%的值，則會產(chǎn)生橢圓形元素。此外，border-radius屬性也可以實現(xiàn)不同的圓角大小和不同的圓角位置，從而實現(xiàn)更加豐富的圓角效果。

最后，CSS3的轉(zhuǎn)換功能可以幫助我們實現(xiàn)更加靈活多樣的元素效果，為網(wǎng)頁設(shè)計提供更多的可能性。