SOURCE

<div class="div1">
  translate：元素从当前位置移动x、y的位置
</div>
<div class="div2">
  rotate：元素顺时针旋转给定的角度
</div>
<div class="div3">
  scale：尺寸会放大缩小
</div>
<div class="div4">
  skew：翻转给定的角度，x、y
</div>
<div class="div5">
  matrix：上面的组合
</div>

div{
  width:100px;
  height:100px;
  border:1px solid;
  margin:20px;
}
.div1{
    transform:translate(20px,0px);
}
.div2{
  transform:rotate(30deg)
}
.div3{
  transform:scale(2,1)
}
.div4{
  transform:skew(30deg,20deg)
}
.div5{
  
}