一、 使用border-radius属性

使用border-radius属性可以将正方形的四个角变得圆润，直到整个元素呈现出圆形的外观。

二、使用clip-path属性

clip-path属性允许你通过裁剪元素的形状来实现圆形效果。使用circle函数可以创建一个圆形裁剪。

三、 使用mask属性

mask属性可以用来遮罩元素，只显示部分内容。你可以使用一个圆形的遮罩来实现圆形效果。

四、 使用SVG遮罩

使用SVG文件作为遮罩可以创建更复杂的遮罩效果，包括圆形遮罩。

将CSS中的正方形变形成圆形可以通过多种方法实现，包括使用border-radius、clip-path、mask属性，以及SVG遮罩。选择最适合你的方法，可以根据具体的需求和项目的兼容性要求。

---