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;
}
提示:你可以先修改部分代码再运行。