Css控制鼠标hover图片突出显示

当鼠标hover到上面的时候会着重显示图片（放大效果）：

<!DOCTYPE html>

<head>

<title>hover</title>

<style>

body{

margin: 0;

}

.img-wrap {

width: 194px;

height: 108px;

float: left;

margin-left: 6px;

background: #e8e8e8;

border: 1px solid #e8e8e8;

overflow: hidden;

cursor: pointer;

-webkit-transform-style: preserve-3d;

transform-style: preserve-3d;

}

.img-wrap img {

width: 100%;

height: 100%;

border: 0;

-webkit-transition: all .5s ease-out .1s;

transition: all .5s ease-out .1s;

}

.img-wrap:hover img {

-webkit-transform: matrix（1.04,0,0,1.04,0,0）;

-ms-transform: matrix（1.04,0,0,1.04,0,0）;

transform: matrix（1.04,0,0,1.04,0,0）;

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

}

</style>

</head>

<body>

</a>

</body>

</html>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h64689.shtml