使用方法 

layui中字体图标库的使用非常简单，分为font-class和unicode两种形式，一般我们可以通过对一个内联元素（一般推荐用 i标签）设定 class="layui-icon"，来定义一个图标，然后对元素加上图标对应的 font-class，或者在其内容上加上对应的unicode代码即可显示出你想要的图标，如下两种方式：

<i class="layui-icon layui-icon-rate"></i> 
//使用font-class方式 第一个class注明为使用的是layui-icon字体，第二个class即为对应图标的class名称

<i class="layui-icon">口</i> 
//使用unicode方式，早期layui版本即使用的此种方式
//在larryms中用法类似，提供了更丰富的常用图标库，
larryms中默认支持 larry-icon  layui-icon fa 字体共计3000多个足够日常使用了同时还可以自定义扩展

layui内置图标库

layui内置字体图标库一共140个，如下列表所示：

备注：关于字体图标库出现跨域问题的解决方案， 由于浏览器存在同源策略，所以如果 layui（里面含图标字体文件）所在的地址与你当前的页面地址不在同一个域下，即会出现图标跨域问题。所以要么你就把 layui 与网站放在同一服务器，要么就对 layui 所在的资源服务器的 Response Headers 加上属性：Access-Control-Allow-Origin: *

CSS3动画类

在layui中并没有内置多少炫酷的动画，但提供的css3基础动画在layui的许多交互元素中发挥着重要作用，由于使用的是css3，layui的部分动画在IE8/9下是不被支持，对于需要炫酷花俏的动画，在larryms分支中有专门提供，可在demo.larryms.com中查看。下面我们一起看下关于layui中动画的使用方式：【 物不在多，有用则精 】

layui动画的使用非常简单，直接对元素赋值动画特定的 class 类名即可 

//其中 layui-anim 是必须的，后面跟着的即是不同的动画类
<div class="layui-anim layui-anim-up"></div>
// 循环动画，追加：layui-anim-loop
<div class="layui-anim layui-anim-up layui-anim-loop"></div>

下面是layui内置提供的动画类名，数量可能有点少的样子？但正如开头所讲的，拒绝冗余花俏，拥抱精简实用。