Semantic-UI 图像圆角变化

在 Semantic-UI 中，可以使用一些类来改变图像的圆角。这些类主要是基于 CSS 的 border-radius 属性实现的。

圆形图像

要创建一个圆形图像，可以使用 ui circular image 类。例如：

<img class="ui circular image" src="image.png">

半圆形图像

要创建一个上半圆或下半圆的图像，可以使用 ui top aligned rounded image 或 ui bottom aligned rounded image 类。例如：

<img class="ui top aligned rounded image" src="image.png">

<img class="ui bottom aligned rounded image" src="image.png">

圆角矩形

要创建一个圆角矩形的图像，可以使用 ui rounded image 类。可以通过添加数字后缀来改变圆角的大小，例如 ui rounded image 5。默认的圆角大小是 0。例如：

<img class="ui rounded image" src="image.png">

<img class="ui rounded image 5" src="image.png">

椭圆形

要创建一个椭圆形的图像，可以使用 ui rounded image 类，并添加 ui oval 类。例如：

<img class="ui rounded image ui oval" src="image.png">

总结

上述是在 Semantic-UI 中实现图片圆角变化的方法，可以根据不同的需求选择合适的类来完成任务。