CSS3 鼠标经过缩放效果

div

{

overflow:hidden;

width:300px;

height:200px;

}

div

{

transition:transform 0.3s ease 0s;

-moz-transition:-moz-transform 0.3s ease 0s; /* Firefox 4 */

-webkit-transition:-webkit-transform 0.3s ease 0s; /* Safari and Chrome */

-o-transition:-o-transform 0.3s ease 0s; /* Opera */

}

div:hover

{

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-o-transform:scale(1.1);

transform:scale(1.1);

}