img 鼠标滑上后图片放大,滑下后图片复原

<style type="text/css">
img{
-webkit-transition: ease .2s;
transition: ease .2s;
-webkit-transform-origin:50% 50%; /* transform-origin默认值就是居中，可以不加 */
transform-origin:50% 50%; /* transform-origin默认值就是居中，可以不加 */
}
.hover{
-webkit-transform: scale(3); /*放大1.2倍*/
transform: scale(3); /*放大1.2倍*/
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$('img').hover(function(){
$(this).addClass('hover')
},function(){
$(this).removeClass('hover')
});
});
</script>

<img src="" width="100" height="100"/>