<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>transform样式</title>
<style>
div{
width: 100px;
height: 100px;
background-color: #757AD1;
margin-top: 20px;
}
.pingyi{
transform: translate(200px,110px);
}
.xuanzhuan{
transform: rotate(0deg);
transform-origin: 0 0;
}
.shuofang{
margin-top:20px;
transform:scale(0.5,1)
}
.xieqie{
transform:skew(30deg,10deg);
}
</style>
</head>
<body>
<div class="pingyi"></div>
<div class="xuanzhuan"></div>
<div class="shuofang"></div>
<div class="xieqie"></div>
</body>
</html>
transform样式
最新推荐文章于 2024-08-13 13:48:48 发布