动效设计常用的制作手法有哪些呢？这些动画是如何制作出来而又在网页上展示出来的呢？今天小编通过赛比尔电脑培训学校为大家整理了一些资料，希望对大家有所帮助。
GIF动画最常在H5动效里当担loading导航条，热门小标签等元素，要把控图片大小和精度之间的平衡，所以它一般用于制作小细节的动画。
H5页面承载GIF图片的方式相对以下要介绍的其他方法，是最省成本，最为简便的。只需要以背景图片/内容图片的形式在页面上进行引用即可。
聊完了GIF动画的一些特点，那么我们必须同时对比一下它的堂兄弟：逐帧动画。
做一个逐帧动画必不可缺的就是需要一张等间距的“动画分解逐帧图片.png”，再通过JavaScript脚本或CSS3 animation的过度函数step()来控制图片的background-position，二者结合就可以快速输出一个逐帧动画啦。
Transform变形：拥有rotate旋转skew扭曲scale缩放translate移动matrix矩阵变形五大特效，罗斯的例子中，便是对充分结合了这几个变化特效的产物。
Transition过渡：拥有修改执行变换的属性，时长，速率和延迟时间的能力，大家都很熟悉的贝塞尔曲线，也是归属于transition的设定之下的。
