1.过渡(过渡可带有动画效果)
  * transition 
    * 例如:transition 2s

2.位移
  * transform: translate(x,y)
    * x:表示水平方向
    * y:表示垂直方向
    * 单位可以是 
      * px 表示移动多少像素
      * % 表示移动多少自身距离的百分比

3.旋转
  * transform: rotate(xdeg)
    * 默认是垂直与屏幕防线旋转,正值是顺时针旋转,负值是逆时针旋转
    * 单位是**角度deg**
    * 旋转方向
      * rotateX 沿着X轴旋转  从屏幕的右侧向左看
      * rotateY 沿着Y轴旋转  从屏幕的下面向上看
      * rotateZ 沿着Z轴旋转  眼睛垂直屏幕

4.缩放
  * transform: scale(x,y)
    * x 表示宽度
    * y 表示高度
    * 如果只有一个值,那么表示宽度和高度

5.倾斜
  * transform: skew(x,y)
    * x 表示x轴
    * y 表示y轴
    * 表示沿x,y轴方向倾斜
    * 倾斜方向
      * skewX,表示沿X轴方向倾斜
      * skewY,表示沿Y轴方向倾斜
posted on 2021-05-06 20:54  文种玉  阅读(66)  评论(0编辑  收藏  举报