點贊.gif

不知道為啥，上傳上去的gif圖，就播一遍，想多看幾遍的同學(xué)，可以選擇右鍵 -> 將圖片存儲到 "下載"(或者其他操作)

動畫效果如圖所示，在此首先聲明，代碼的實現(xiàn)比較low，如有更好的實現(xiàn)方式，還請賜教，互相學(xué)習(xí)。謝謝！??！

在這呢，想跟大家分享一個，當(dāng)我們碰到這樣的動畫，要怎么入手去操作？

拆分(拆解) --- 我們看到一個動畫時，首先要了解，這個動畫效果是由哪幾種動畫組成的，在整個動畫過程中，都是怎么變化的。

如果原型圖是gif圖，MAC自帶的預(yù)覽功能，就可以一幀一幀的看到整個的變化，
通過一幀一幀的分析，我們發(fā)現(xiàn)，這個動畫效果是由這幾部分組成的：
① 點贊圖片的放大，縮小
② 點贊圖片的顏色漸變
③ 點贊圖片的搖擺
④ 紅色圓點的顯示，分裂，位移，縮小，消失

這個動畫，就是由這些簡單的動畫組成的，那么接下來，就好辦了。我們分別實現(xiàn)這幾個動畫，然后有機的組合起來，就ok了！?。∈遣皇呛芎唵伟?，那還不趕緊試試看，嘻嘻?。?！

當(dāng)然，如果原型圖是視頻文件，我們通過 QuickTime Player(MAC自動工具)軟件，編輯菜單 -- 【修剪】功能，同樣可以一幀一幀的看到變化。

[傳送門][id]
[id]: https://github.com/cnvegetablebird/SimpleLikeAnimation