您的位置:首页 > Web前端 > CSS

css实现鼠标移动图片居中放大效果

2017-09-07 08:30 926 查看
.big-img img {
width: 262px;
min-height: 192px;
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transition: -webkit-transform .65s;
-moz-transition: -moz-transform .65s;
transition: transform .65s;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.big-img:hover img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
<a href="" target="_blank" class="big-img">
<img width="292" height="182" src="1.jpg">
</a>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: