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