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 里面就可以实现炫酷的效果。