帧动画和过渡动画的优缺点

它们两个各自都有各自的优缺点，可以说谁也取代不了谁。

1. 帧动画的优点

适合复杂图形的变换，类似于电影院的播放模式； 几乎可以表现任何 内容 ，无论 3D 还是复杂轨迹急停等 效果 。

2. 帧动画的缺点

高度依赖 效果 图，如果没有 一个 好的素材，就没办法出现好的 效果 ； 难度不在程序员，在于美工那里，所以无论编程技术多好也会被美工水平所限制；  图片 的体积通常都远超 代码 体积，简单 效果 最好用 代码 实现。

3. 过渡动画的优点

实现简单， 代码 量少，好理解； 能根据浏览器 自动 决定帧率，不需要自己指定帧率； 体积小，即使写很多过渡动画也不会有 图片 那么大。

4. 过渡动画的缺点

实现的 效果 通常来说相对简单； 不够灵活，如果实现一些复杂动画就有些相形见绌了； 通常无法 快速 实现美工想出的一些天马行空的复杂特效。

最后这个缺点怎么理解呢？是这样，由于部分美工对界面 效果 要求较高，有时候会想出一些前端难以 快速 制作出来的 效果 ，然而她们并不理解技术上的难度，会误认为这是个很容易实现的 效果 。所以此时如果将 效果 丢给美工（让其渲染序列帧Css Sprite或 gif 动态图），既可以节约出开发时间（有时开发时间真的很紧， 功能 都快开发不完了，不能在样式上花费过多时间），又可以让美工知难而退（相信我，把任务交给美工的时候，她们突然就会觉得这个特效也不是特别有必要了）。

5. 小结

当然大部分美工都是很善解人意哒！

不会出现为难你的情况。

查看更多关于帧动画和过渡动画的优缺点的详细内容...