CSS中Transform和Transition的区别

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;
}

提示:你可以先修改部分代码再运行。