jQuery.animate vs CSS.transition : まだプログラマーですが何か？

HTML 内のオブジェクトを移動させるには jQuery の animate メソッド を使うのが一般的（というか簡単）ですが、CSS3 の transition を使ってもできます。 プログラマー／デベロッパーの立場だと jQuery を使うことは珍しくないんですが、CSS はちと遠い存在で、基本は理解しているつもりでしたが、あまり接することがありませんでした。いい機会なので勉強がてら使ってみました。 さて、目的は似てるけどアプローチの異なる２つの手法、その違いはどこにあるのでしょう？ 簡単に言えば animate は CPU 処理、transition は GPU 併用の処理になります。PC だと見た目にもあまり差はないかもしれませんが、比較的 CPU 性能の劣るスマホ（それもちと古めの）だと、この差がバッチリでそう。グラフィックチップを併用することで非力なCPU環境でもスムーズなアニ