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

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

1. 帧动画的优点

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

2. 帧动画的缺点

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

3. 过渡动画的优点

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

4. 过渡动画的缺点

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

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

5. 小结

当然大部分美工都是很善解人意哒！
不会出现为难你的情况。

（狗头保命）