慕課網(wǎng)官網(wǎng)上面，當(dāng)鼠標(biāo)放到一個課程上面的時候圖片緩慢從中間放大，當(dāng)鼠標(biāo)移開的時候又緩慢縮小的效果
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>無標(biāo)題文檔</title>
<style?type="text/css">
body{background-color:#CCC}
.box{width:1000px;margin:0?auto;}
.pic{width:200px;height:150px;overflow:hidden;border:10px?solid?#FFF;}
img{width:200px;height:150px;-webkit-transition:all?0.3s?ease;}
.pic:hover?img{-webkit-transform:scale(1.2);}
</style>
</head>
<body>
<div?class="box">
<div?class="pic">
?<img?src="http://img1.sycdn.imooc.com//534f8aec00016cec06000338.jpg">
</div>
</div>
</body>
</html>就這樣的吧！
