Semantic-UI 图标集手和手势
Semantic UI 是一个开源开发框架,它提供预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。 Semantic UI 为用户提供了各种图标,可用于不同的目的,并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。在这篇文章中,让我们看看手和手势的图标集。 Semantic UI 为手和手势提供了一些最常用的图标类。
语义 UI 图标集手和手势类:
- 手蜥蜴:这个类用于显示手蜥蜴图标。
- 手蜥轮廓:该类用于显示手蜥轮廓图标。
- 手纸:该类用于显示手纸图标。
- 手纸轮廓:该类用于显示手纸轮廓图标。
- 手和平:这个类用于显示手和平图标。
- 手和平轮廓:该类用于显示手和平轮廓图标。
- hand point down:这个类用于显示hand point down图标。
- hand point down outline:这个类用于显示hand point down outline图标。
- hand point left:该类用于显示手点左图标。
- 手点左轮廓:该类用于显示手点左轮廓图标。
- hand point right:这个类用于显示hand point right icon。
- 手点右轮廓:该类用于显示手点右轮廓图标。
- hand point up:这个类用于显示hand point up icon。
- hand point up outline:这个类用于显示hand point up outline图标。
- 手形指针:该类用于显示手形指针图标。
- 手形指针轮廓:该类用于显示手形指针轮廓图标。
- 手摇:该类用于显示手摇图标。
- 手石轮廓:该类用于显示手石轮廓图标。
- hand scissors:该类用于显示手剪图标。
- hand scissors outline :该类用于显示手剪轮廓图标。
- hand Spock:该类用于显示手 Spock 图标。
- 手 Spock 轮廓:该类用于显示手 Spock 轮廓图标。
- 握手:该类用于显示握手图标。
- 握手轮廓:该类用于显示握手轮廓图标。
- thumbs down:这个类用于显示拇指向下图标。
- thumbs down outline:此类用于显示拇指向下轮廓图标。
- thumbs-up:这个类用于显示大拇指图标。
- 竖起大拇指大纲:此类用于显示竖起大拇指大纲图标。
句法:
示例 1:此代码演示了所有手和手势设置类。
HTML
GeeksforGeeks
Semantic-UI Icon Set Hands and Gestures
HTML
GeeksforGeeks
Semantic-UI Icon Set Hands and Gestures
输出:
示例 2:此代码演示了手和手势图标集类的示例。
HTML
GeeksforGeeks
Semantic-UI Icon Set Hands and Gestures
输出:
参考: https://semantic-ui.com/elements/icon.html#hands–gestures