<title>无标题文档</title>
<style>
#div{
width:100px;
height:300px;
background:#00F;
transform:translate(100px,100px);
}
.div2{
width:150px;
height:50px;
background:#FF0;
transform:rotate(30deg);}
.div3{
width:120px;
height:150px;
background:#0FF;
transform:scale(2,1);
margin-left:200px;}
.div4{
width:200px;
height:100px;
background:#F00;
transform:skew(20deg,30deg);
margin-left:300px;}
</style>
</head>
<body>
<div id="div">平移</div>
<div class="div2">旋转</div>
<div class="div3">缩放</div>
<div class="div4">扭曲</div>
</body>
<style>
#div{
width:100px;
height:300px;
background:#00F;
transform:translate(100px,100px);
}
.div2{
width:150px;
height:50px;
background:#FF0;
transform:rotate(30deg);}
.div3{
width:120px;
height:150px;
background:#0FF;
transform:scale(2,1);
margin-left:200px;}
.div4{
width:200px;
height:100px;
background:#F00;
transform:skew(20deg,30deg);
margin-left:300px;}
</style>
</head>
<body>
<div id="div">平移</div>
<div class="div2">旋转</div>
<div class="div3">缩放</div>
<div class="div4">扭曲</div>
</body>
2544
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
