鼠标经过图片放大，不超过父块
2017-08-15 14:14
316 查看
overflow: hidden图片放大超过父块时隐藏
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
a{
width: 1400px;
height: 800px;
display: block;
overflow: hidden;
}
a:hover img{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-transform:scale(1.1,1.1);
}
</style>
</head>
<body>
<a href="#" >
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1502787322117&di=f8da8baab99e66fbb9d54d32d1008e32&imgtype=0&src=http%3A%2F%2Fh9.86.cc%2Fwalls%2F20151217%2F1440x900_0da1045a55c05e4.jpg"/>
</a>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery 鼠标经过放大图片
- css3鼠标经过图片放大
- CSS实现鼠标悬停经过图片由中心点逐渐放大效果
- 鼠标经过，图片会放大（从中心位置放大）
- WinForm 鼠标经过图片 放大
- jquery 鼠标经过放大图片
- HTML-鼠标经过图片放大
- 响应式图片列表鼠标经过放大效果样式代码
- 鼠标经过图片放大归纳
- jquery图片放大效果,鼠标经过图片时局部放大，类似京东图片放大镜效果
- jQuery鼠标经过时放大图片
- WinFrom鼠标经过时图片按钮放大缩小
- CSS3 - 鼠标经过图片缓慢放大、鼠标离开缓慢还原
- 鼠标经过图片图片放大效果
- css3鼠标经过，图片放大效果
- jq/css鼠标经过图片放大效果
- JS鼠标悬停经过图片由中心点逐渐放大效果
- HTML-鼠标经过图片放大收藏
- js鼠标经过切换图片
- 鼠标经过图片，显示图片的缩略图