CSS3：transform translate transition 这些都是什么？

transform：一个属性名称，即CSS3 2D转换 属性。

translate：一个属性函数，用法是translate(dx,dy)

 div
 {
     transform: translate(50px,100px);
 }

transition：一个属性名称，添加过渡效果。

 div
 {
     width: 200px;
     transition: width 2s;
 }

 div:hover{
     width: 300px;
 }

还有动画animate：

 @keyframes myfirst
 {
     from {background: red;}
     to {background: yellow;}
 }

 div
 {
     animation: myfirst 5s;
 }

把 transform 丢到 keyframe 的 from / to 里面就可以实现炫酷的效果。