css 动画 - transform

css 动画 - transformcss 动画 - transform

transform 变换函数

  2D变换函数

    旋转 rotate()

    斜切 skew()     

    缩放 scale() 

    位移  translate()

 

  3D变换函数

    旋转 rotate3d()

    缩放 scale3d()

    位移translate3d()  

    (skew 没有3d函数)

transform-origin 基点

    旋转 斜切 缩放围绕的点;

    如: transform-orign:center center;    旋转 缩放 斜切围绕着盒模型的中心点变换

    默认值: center center (50% 50%)

transform-style: perserve-3d;

    元素3D变换时,元素内部构建3D空间;(保留子元素的3D变换)

 

perspective: 2*[W|H]px

    3D变换中模拟我们的视角,元素在Z轴的距离。 一般设置在变换元素的父级上

 

  

 

css 动画 - transform

上一篇:Vue.js(二)---相关语法介绍第三部分


下一篇:Ajax表单提交方式