📜  语义-UI 图标圆形变化

📅  最后修改于: 2022-05-13 01:56:21.546000             🧑  作者: Mango

语义-UI 图标圆形变化

Semantic UI是一个开源开发框架,它提供了预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

Semantic UI 为用户提供了各种不同的图标,这些图标可用于不同的目的,并具有漂亮的用户界面。在这篇文章中,让我们看看图标的圆形变化。

图标圆形变体允许用户制作语义UI图标集的圆形图标。

语义 UI 图标循环变化类:

  • 圆形:这会将图标设置为圆形。

句法:

 
    ...

示例 1:以下代码演示了圆形图标类以及图标集类中的stepbackplayforward图标。

HTML


  

    

             
            

GeeksforGeeks

            

Semantic UI icon circular variation

                                                                         
    


HTML


  

    

             
            

GeeksforGeeks

            

Semantic UI icon circular variation

                                                                       
    


输出:

示例 2:以下代码演示了圆形图标类以及图标集类中的文件文件夹代码错误图标

HTML



  

    

             
            

GeeksforGeeks

            

Semantic UI icon circular variation

                                                                       
    

输出:

参考: https://semantic-ui.com/elements/icon.html#/icon