CSS3animation,transform,translate,translation的区别

animation

动画 keyframe 名称，所用时间，速度曲线，过渡开始的延迟时间，次数，是否反向播放动画

object.style.animation=”mymove 5s infinite”

transform

实现文字或图像的旋转、缩放、倾斜、移动的变形处理

object.style.transform=”rotate(7deg)”

translate

变形的一个方法

多方法组合变形
transform: rotate(45deg) scale(0.5) skew(30deg, 30deg) translate(100px, 100px);

translation

过渡

过渡效果的CSS属性名称，过渡时间，过渡曲线，过渡开始的延迟时间

translate:移动，transform的一个方法，通过 translate() 方法，元素从其当前位置移动，
根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数。
transform:变形。改变 CSS3中主要包括 旋转：rotate() 顺时针旋转给定的角度，允许负值 rotate(30deg)。
transition: 允许CSS属性值在一定的时间区间内平滑的过渡，需要事件的触发，例如单击、获取焦点、失去焦点等。