Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。本文主要介绍了AmazeUI 图标的示例代码，具体如下：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <title>图标</title><span class="am-icon-qq"> QQ</span><span class="am-icon-weixin"> Wechat</span><p><span class="am-icon-home"></span> 默认大小</p><p><span class="am-icon-home am-icon-sm"></span> .am-icon-sm</p><p><span class="am-icon-home am-icon-md"></span> .am-icon-md</p><p><span class="am-icon-home am-icon-lg"></span> .am-icon-lg</p><a href="##" class="am-icon-btn am-icon-twitter"></a><a href="##" class="am-icon-btn am-icon-facebook"></a><a href="##" class="am-icon-btn am-icon-github"></a><a href="##" class="am-icon-btn am-primary am-icon-qq"></a><a href="##" class="am-icon-btn am-secondary am-icon-drupal"></a><a href="##" class="am-icon-btn am-success am-icon-shield"></a><a href="##" class="am-icon-btn am-warning am-icon-warning"></a><a href="##" class="am-icon-btn am-danger am-icon-youtube"></a><i class="am-icon-spinner am-icon-spin"></i><i class="am-icon-refresh am-icon-spin"></i><i class="am-icon-circle-o-notch am-icon-spin"></i><i class="am-icon-cog am-icon-spin"></i><i class="am-icon-gear am-icon-spin"></i><i class="am-icon-spinner am-icon-pulse"></i> |
- Skype
- GitHub
- Amex
<!–
效果图：
到此这篇关于AmazeUI 图标的示例代码的文章就介绍到这了,更多相关AmazeUI 图标内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章，希望大家以后多多支持IT俱乐部！
