它們兩個各自都有各自的優缺點,可以說誰也取代不了誰。
1. 幀動畫的優點
- 適合復雜圖形的變換,類似于電影院的播放模式;
- 幾乎可以表現任何內容,無論 3D 還是復雜軌跡急停等效果。
2. 幀動畫的缺點
- 高度依賴效果圖,如果沒有一個好的素材,就沒辦法出現好的效果;
- 難度不在程序員,在于美工那里,所以無論編程技術多好也會被美工水平所限制;
- 圖片的體積通常都遠超代碼體積,簡單效果最好用代碼實現。
3. 過渡動畫的優點
- 實現簡單,代碼量少,好理解;
- 能根據瀏覽器自動決定幀率,不需要自己指定幀率;
- 體積小,即使寫很多過渡動畫也不會有圖片那么大。
4. 過渡動畫的缺點
- 實現的效果通常來說相對簡單;
- 不夠靈活,如果實現一些復雜動畫就有些相形見絀了;
- 通常無法快速實現美工想出的一些天馬行空的復雜特效。
最后這個缺點怎么理解呢?是這樣,由于部分美工對界面效果要求較高,有時候會想出一些前端難以快速制作出來的效果,然而她們并不理解技術上的難度,會誤認為這是個很容易實現的效果。所以此時如果將效果丟給美工(讓其渲染序列幀雪碧圖或 gif 動態圖),既可以節約出開發時間(有時開發時間真的很緊,功能都快開發不完了,不能在樣式上花費過多時間),又可以讓美工知難而退(相信我,把任務交給美工的時候,她們突然就會覺得這個特效也不是特別有必要了)。
5. 小結
當然大部分美工都是很善解人意噠!
不會出現為難你的情況。