Fancy Animations是Bricks主题的一款附加组件，它可以帮助你基于Bricks Builder编辑实现精美的动画效果，所有的效果都是做好的，你只需要点击选择就可以实现。
该插件收录在了我的购买清单中，如果你需要给你的Bricks网站添加动画效果，可以从我的主页以非常优惠的人民币价格购买。
Fancy Animations的可以添加那些动画效果？
Fancy Animations为Bricks元素提供页面滚动动画效果和鼠标悬停动画效果。
查看页面滚动动画效果→
查看鼠标悬停动画效果→
如何添加Fancy Animations的动画效果到Bricks Builder元素
1）安装激活Fancy Animations插件
如果你是自行购买Fancy Animations插件，购买之后从账号中下载插件安装包，并复制授权码，然后登录到你的WordPress网站后台插件菜单下，通过上传插件的方式安装并启用插件，启用之后进入插件的授权码页面，激活授权即可。
如果你从本站购买，我会帮你安装激活授权。
激活之后，你在Bricks编辑画布的右上角可以看到Fancy Animations图标。
2）Fancy Animations的设置
安装激活完成Fancy Animations之后，进入Fancy Animations的设置页面。你需要设置三个基础默认选项。
默认时间设置
1）左边是动画持续时间设置，默认是1S，最大3S，你可以根据自己的喜好的调整，一般建议1S左右最佳。
2）右边是动画延迟时间设置，就是触发之后，动画延迟多久出现，默认是0.5S，最大1S，建议用0.5S。
全局选项
这个设置主要针对滚动动画效果，默认是不开启的，开启之后滚动效果会在页面刷新之后只触发一次，再次滚动到对应的位置将不再出现动画。
颜色设置
颜色设置用于动画效果的颜色，四个选项对应四种不同的颜色，
比如在鼠标悬停动画的Ring效果中就对应了上面的四种颜色，每个动画都用到了一个颜色。
3）给元素添加动画效果的例子
我会通过2个典型的案例来教你如何使用Fancy Animations给Bricks Builder元素添加动画效果。
案列1：给按钮元素添加鼠标悬停效果
备注：如果你需要设置鼠标悬停按钮颜色变化，则可以阅读文章《Bricks元素的悬停样式设置》
进入到你需要添加动画效果的元素编辑，选中元素，我选中了下图中的Get in Touch按钮。
选中之后点击Fancy Animations图标启动它（注意：这代表这个元素将会启用Fancy Animations动画效果，如果你不启用后边设置了东海代码这个元素的动画也不会生效的）
启用之后，我们选择给这个按钮添加一个鼠标悬停效果，具体的效果你通过Fancy Animations主页去查看你需要加的效果和对应的代码。
你可以复制代码到按钮的类选择框中搜索。
这里我希望用浮动效果，我从Fancy Animations主页的鼠标悬浮动画展示中直接复制我喜欢的动画代码（这里所说的代码其实就是CSS的类名）
将代码也就是类名粘贴到按钮元素的类选择框搜索框中，找到并选择这个类。
选择之后这个类会出现的按钮类选择框的下面。
保存或者更新页面，预览查看效果。鼠标放在按钮上面会有一个向上浮动并带投影的效果。
案例2：给页面中的元素添加滚动效果。
在Bricks画布中选中我们的要加滚动效果的元素，比如这里我选择一个标题元素。
选中之后开启动画效果设置开关。
开启之后，在标题元素的类选择框中选择你要设置的滚动效果类名。同样的去Fancy Animations网站查看和复制你要设置的滚动效果类名即可。
选中之后滚动效果的类名会出现在标题元素类选择框的下方，同时标题会消失不见（这是由于滚动效果无法在画布预览导致的，这时候你只要将右上角的动画开关关闭，即可看到画布中的标题元素）。
保存或者发布编辑的页面，并访问该页面查看效果，当你页面滚动到标题的时候，你会看到标题会从上方落下来。
