提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

css图片在区域里缩放

CSS 图片 区域 缩放
2023-09-14 09:04:05 时间 
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>图片在区域里缩放</title>
	<style>
		.div{
			width: 120px;
			height: 120px;
			overflow: hidden;
			background: red;
		}
		.img{
			max-width: 120px;
			max-height: 120px;
			-moz-transform: scale(2.8,2.8);
			-webkit-transform: scale(2.8,2.8); 
			-o-transform: scale(2.8,2.8); 
			transform: scale(2.8,2.8);
		}
	</style>
</head>
<body>
	<div class="div">
		<img src="https://profile.csdnimg.cn/5/6/2/3_qq_38881495" alt="" class="img" />
	</div>
</body>
</html>

在这里插入图片描述

相关文章