硬件加速CSS3动画VS过渡VS jQuery移动动画

我正在使用PhoneGap和jQuery开发一个应用程序，对动画有点困惑

我决定使用我已经知道的东西，即jqueryanimate，这非常有效，除了我遇到人们谈论硬件加速

我所做的只是设置一个div的动画，以便在页面加载时向右移动：

$("#"+that).find('.captionShine img').animate({left: '550'},700);

我发现了一个名为jQuery Animate Enhanced的插件，它将这些动画转换为CSS3转换，因此硬件加速了它们（我相信）

因此，我更深入地研究了CSS3动画，对于CSS3中过渡和动画之间的区别感到困惑。我还能在CSS3动画上使用硬件吗？或者只能在

transform:translate3d（0,0,0）上执行

这只是将translate3D分配给我想要硬件加速的任何元素的一个例子吗？
kirupa在这里有一个很好的解释：

先往下读他的结论要点，然后从顶部开始阅读，填写细节。基本上，过渡和动画是在css中定义动画的两种不同方式。下面是我自己对作者结论的翻译


过渡允许您执行从a到b的非常简单的css动画。假设您有一个class=“from-a”的元素，然后向该元素添加一个名为class=“to-b”的类。class=“to-b”中的转换定义是动画结束的地方

动画允许您使用关键帧css定义定义/编排整个动画。关键帧允许您分解和编排一系列复杂的动画

正如您所看到的，因为转换是基于向元素添加类或样式。您可以轻松定义一系列类，并与javascript+timeout一起使用来设置这些类并创建与动画相同的编排