css3 translateX,translateY,translate,transform,transition

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
用法：transform: rotate(-27deg);
transform: translateX(0);transition: transform .3s ease;

后面可以跟随的值：

兼容方式：
div
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); /* Opera */
}
其它的都是他转换的效果

transition 属性是一个简写属性，用于设置四个过渡属性：
transition-property
transition-duration
transition-timing-function
transition-delay
注释：请始终设置 transition-duration 属性，否则时长为 0，就不会产生过渡效果。
语法：
transition: property duration timing-function delay;

使用用法：
transition: all .15s ease-in-out;