<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.imgBox{
overflow: hidden;//关键部分
}
.item_block .imgBox img{
cursor: pointer;
transition: all 0.6s;//0.6秒完成变换效果
}
.item_block .imgBox img:hover{
transform: scale(1.1);//放大1.1倍
}
</style>
</head>
<body>
<a href="/index/index/gcal_article.html?classify=6103" class="item_block">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="imgBox">
<img src="/data/watermark/20190221/5c6e048f022e9.jpg">
</div>
</div>
</a>
</body>
</html>
参考