transform是 转换，指的是改变所在元素的外观，它有很多种手段(转换函数)来改变外观，例如 位移、缩放、旋转 等，而其中的位移的函数名就叫translate，所以说，translate是transform的一部分。
最常用的有translateX、translateY和rotate。
transition是 过渡，指的是某个CSS属性值如何平滑的进行改变，就是平常说的 动效。而transform是没有动画效果，你改变了它的值，元素的样子就唰的改变了。

作者：HoPGoldy
链接：https://www.jianshu.com/p/80f6051389bd
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

以上是转载来的，我觉得说明的很清楚的，加粗字体是在实际使用的时候得来的。