rotate() 的用法和scale() 的用法
1、新建div倾斜30度角
2、新建div倾斜45度角
3、新建div倾斜60度角
4、新建div倾斜90度角
5、新建div缩小0.5
6、新建div长扩大2倍 款扩大3倍
7、附上源码
<body>
<style>
.d1{
margin:100px 50px;
width:200px;
height:100px;
background-color:red;
transform:rotate(30deg);}
.d2{
margin:100px 50px;
width:200px;
height:100px;
background-color:red;
transform:rotate(45deg);}
.d3{
margin:100px 50px;
width:200px;
height:100px;
background-color:red;
transform:rotate(60deg);}
.d4{
margin:100px 50px;
width:200px;
height:100px;
background-color:red;
transform:rotate(90deg);}
.d5{
margin:100px 50px;
width:200px;
height:100px;
background-color:red;
transform: scale(0.5,0.5);}
.d6{
margin:100px 50px;
width:200px;
height:100px;
background-color:red;
transform: scale(2,3);}
</style>
<div class="d1"></div>
<div class="d2"></div>
<div class="d3"></div>
<div class="d4"></div>
<div class="d5"></div>
<div class="d6"></div>
</body>
