HTML 5 动态效果制作方法整理

0.备注

如果发现有某些图片未正常加载，可以点击下面链接，查看文章。

HTML 5 动态效果制作方法整理

1.前言

随着时代的发展和进步，越来越多的开发者开始在前端界面中加入动态效果。

那么我们今天就一起来整理和分享一下前端动态效果的制作方法，并对其中的 Canvas 进行一下简单的讲解。

2.动态效果的分类

我们首先先来简单看一下，动态效果的制作有哪些分类？

3.GIF

首先第一个就是我们的 gif 图片，这是一种非常简单，但却高效的动态图制作方式。

GIF图片擅长于制作细节的小动画，位图，优势在于 “体型”很小，可压缩，制作成本低，以图片的形态适用于各种操作系统，无兼容性的后顾之忧。制作GIF动画的方式有很多，例如我们所熟悉的Photoshop时间轴，或是利用Flash，AE将动画导出存成GIF格式等等。