文字作为H5里重要的视觉元素，一般有哪些常用动效呢？这些动效又是如何实现的呢？结合案例，小派试着总结了下，一共分为四大类，期待给大家带来一些帮助和启发。
一、基础动效
小派把渐现、弹入、放大缩小、飞入等这些都归为基础文字动效。
动效无高低贵贱之分，合适就好。很多H5里的文字就适合用渐现、飞入这些基础简约动效，比如下面这支。
->>“申活馆”开业邀请函（首页文字渐现）
简约动效用的好，也可以有新意，比如下面这两支H5。
->>BAGPIPE春装上新（首页文字显示/隐藏）
->>李波♡王玉敏的结婚邀请函（第二部分边角文字放大消失）
在Epub360平台，基础文字动效可以直接用Epub360编辑器自带的动效或动画组件实现。
二、打字机动效
“打字机”效果是经典文字动效，分享两支代表H5。
->>《鬼吹灯之寻龙诀》电影海报
->>一加：1步1步看清韩寒
上面那个鬼吹灯的打字机动效是用Epub360段落文本的“逐字出现”动画来实现的，韩寒那个非Epub360平台作品，是用源代码开发的。对于特殊字体，也可以用盖在文字上的图层作直线运动来实现打字机动效。
三、SVG路径动画
相信大部分派友对SVG描绘动画不陌生，SVG动画具有轻巧、超强显示等优点，也常应用在文字路径动画上，使得视觉灵动或者酷炫，比如下面这两支。
->>有迹：喜欢白云飘过的痕迹（首页logo动效）
->>Epub360-SVG路径动画全国首发
在H5设计工具里，Epub360全国率先支持SVG路径动画。大家可以使用AI、Sketch等软件绘制矢量图，然后导入到Epub360里进行相应动效设置。
四、序列帧动画/gif动画
稍微复杂的文字动效，比如闪电字、水波字等，大部分是序列帧动画/gif动画，下面分享几支相关H5大家感受下。
->>2016万科滨水大宅新作（首页“登临方舟”文字特效）
->>SPACE CLUB 2017派对季
->>大众点评：我们之间就一个字
对于这类稍复杂的文字动效，大家可以在AE、PS等软件里先设计好，然后导出为序列帧或者gif，然后插到Epub360平台。序列帧动画相对gif动画，具有可交互和加载效率高的优点，大家可以点击《我们之间就一个字》里面的字试试。
从基础动效到序列帧动画，对于H5文字四类常用动效，大家get了没？
正如前面提到的，动效无高低贵贱之分，合适就好。在不是很确定的情况下，建议尽量少用左飞入右飞入这种跳跃性很大的动效。如果字符较多，也建议少用动效甚至不用动效。
期待大家的文字动效佳作，也期待大家的补充和宝贵建议。
关注更多H5设计、案例、资讯