Transform

Transform意思是变形，指的是变成什么样子，虽然经常在动画里用到这个属性，但是Transform本事是静态的，跟动画没什么关系。

Transition

Transition意思是过渡，指的是怎么变，这个是可以做到动画的。

Transition配合一般属性

div
{
width:100px;
height:100px;
background:blue;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
div:hover
{
width:300px;
}

请把鼠标指针移动到蓝色的 div 元素上，就可以看到过渡效果。
注释：本例在 Internet Explorer 中无效。