标签归档：transform

CSS中Transform和Transition的区别

CSS、、

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

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