<!DOCTYPE html>
<html>
<head>
<title>2D变换</title>
<style type="text/css">
div{
width: 200px;
height: 195px;
border: 3px solid pink;
margin-top: 10px;
margin-bottom: 10px;
float: left;
margin-right: 20px;
margin-left: 10px;
}
#a{
transform:rotate(60deg);
}
#b{
transform:skew(-30deg);
}
#c{
transform:scale(-1.1,-1.1);
}
</style>
</head>
<body>
<div><img src="123.jpg"></div>
<div id="a"><img src="123.jpg"></div>
<div id="b"><img src="123.jpg"></div>
<div id="c"><img src="123.jpg"></div>
</body>
</html>
HTML----2D变换
最新推荐文章于 2024-07-24 17:16:26 发布