前半个月左右，我们Epub360发布了“状态组”功能，“状态组”主要能自动补间动画和轻松实现边框样式变化特效，那“状态组”有哪些常用应用场景呢？小派在这里先分享“H5研究院”的两个Demo，抛砖引玉。
注：点击下面蓝字超链接，可直接在H5里感受Demo特效；前两个Demo描述来自“H5研究院”。
虚实变化
如上图，点击详情按钮，弹出详情介绍的同时，背景变模糊了（原谅gif图的质量）。
之前的做法：
1.准备两个图片，一个清晰的，一个模糊的
2.分别给两个图片添加渐隐渐现的动画......
3.分别给两个图片设置触发器，前一个动画结束时候一个动画开始......
4.如果模糊效果不好，还要回到设计软件中重新调整图片，然后重新上传替换，来回往往复复......万一不用这张图了，那前功尽弃
效果是达到了，未必太繁琐了。
现在的做法：
1.准备一张清晰的图片
2.添加一个状态组，并添加清晰和模糊两个状态
3.设置触发器
4.完成
看起来是不是很简单？
分页符
光顾着看美女了吧，有没有注意到下面个性的分页符呢？
有的同学说，简单啊，用联动不就得了，没错联动确实可以做类似的效果，麻烦的就是你得切出同内容图片等同数量的图，这样无疑增加了工作量，而且效果你敢说跟这一模一样？我觉得这种切换效果要比联动好一些，更理所当然，你觉得呢？
还有同学说，直线运动啊，这样就一模一样了，只能说，这样的同学脑洞很大，能为了效果不择手段，赞一个～但是，你画多条直线运动，能敢说坐标对得正正的？我觉得工作量好像比联动还要大吧......所以嘛。
下面我们再来温习一遍《Epub360状态组功能演示Demo》
长按二维码，立即感受
怎么样？看完上面的演示和讲解，派友们有没有“爱上”Epub360这个厉害又便捷的“状态组”呢？
期待大家打开脑洞，直接在下面评论补充常用应用场景，能附上案例Demo链接更好不过呢，小派后续也许会整理出《Epub360状态组常用应用场景》一文。
关注更多H5设计、案例、资讯