如题，有没有高手知道，在css3的transition或者animation动画中，变换top或者translateY属性，例如 transition:top 1s和transition:transform 1s,然后通过js分别修改元素的样式分别为top:100px、tranfrom:translateY(100px)；请问这两种方式实现的动画，那种效率高呢？

改变translateY要比改变top效率高很多。

他们各有优缺
终端支持：transition和animation比较好，高版本的浏览器支持，低版本的如ie8可能就支持不好了，现在还有一部分人在使用这些。
js就不存在这些了。
效率：transition和animation比较好要比js效率高。
各有优缺，看自己的喜欢和要求了。