关于transform的属性

transfrom的出现让许多静态的东西动了起来，让网页更加具有生命力。

  在transform属性中，transform-origin属性仅是其中之一，要彻底理解transform属性，这是不够的，必须的理解其他属性的应用。transform中transform-style和perspective相关属性的使用也是很重要的。

  语法transform-style:flat | preserve 3d

  其中flat值为默认值，表示所有子元素在2D平面呈现。preserve-3d表示所有子元素在3D空间中呈现。如果对一个元素设置了transform-style的值为flat，则该元素的所有子元素都将被平展到该元素的2D平面中进行呈现。沿着X轴或Y轴方向旋转该元素将导致位于正或负Z轴位置的子元素显示在该元素的平面上，而不是它的前面或者后面。如果对一个元素设置了transform-style的值为preserve-3d，它表示不执行平展操作，他的所有子元素位于3D空间中。（transform-style属性需要设置在父元素中，并且高于任何嵌套的变形元素。）

  

转载于:https://www.cnblogs.com/well-nice/p/3611911.html