Html
    Css
    Js
	* {
	padding:0;
	margin:0;
}
div {
	width:300px;
	height:150px;
	overflow:hidden;
	margin:0 auto;
}
img {
	width:400px;
	height:200px;
}
span {
	color:#fff;
	display:block;
	padding:75px 110px;
}
img:hover {
	width:400px;
	height:200px;
	transform:scale(2.05,2.05);
}
/* 中心变形*/
	img {
	transition:all 0.5s ease-out;
	/* 过度 所有css属性 1秒过度 结束慢*/
-moz-transition:all 0.5s ease-out;
	/* Firefox 4 */
-webkit-transition:all 0.5s ease-out;
	/* Safari 和 Chrome */
-o-transition:all 0.5s ease-out;
	/* Opera */
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.1
 立即下载

css鼠标经过图片放大

0