CSS旋轉(zhuǎn)半徑是一個非常有用的屬性，可以幫助我們創(chuàng)建各種想象中的修飾效果，例如圓形徽章、旋轉(zhuǎn)光盤等等。下面，我們就來了解一下CSS旋轉(zhuǎn)半徑的使用方法。

transform: rotate(30deg) translate(50px);

上面的代碼中，rotate函數(shù)用于旋轉(zhuǎn)元素，括號中的角度指定旋轉(zhuǎn)的角度，這里是30度。translate函數(shù)用于移動元素，括號中的數(shù)值指定移動的距離，這里是50像素，因此可以看出，這行代碼是用于讓元素旋轉(zhuǎn)30度并且向右邊移動50個像素。

transform-origin: 50% 50%;

上面的代碼中，transform-origin函數(shù)用于指定元素旋轉(zhuǎn)的中心點。默認情況下，元素的中心點是它的左上角，但是我們可以使用這個函數(shù)來改變它的位置，這里指定的是中心點位于元素的正中心。

transform: rotate(45deg) translate(50px, 50px);

上面的代碼中，除了旋轉(zhuǎn)角度不同以外，還有一個不同之處就是translate函數(shù)中指定的數(shù)值有兩個，這是因為前一個數(shù)值表示橫向移動的距離，后一個數(shù)值表示縱向移動的距離。因此，這行代碼是將元素旋轉(zhuǎn)45度并且向右下方移動50個像素。

總之，CSS旋轉(zhuǎn)半徑是一個非常有用的屬性，可以幫助我們創(chuàng)建各種不同的修飾效果，但是要注意使用時要理解好各個函數(shù)及其參數(shù)的含義，才能發(fā)揮出最好的作用。