章节索引 :

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

1. 帧动画的优点

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

2. 帧动画的缺点

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

3. 过渡动画的优点

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

4. 过渡动画的缺点

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

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

5. 小结

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

(狗头保命)