日期:2014-04-22  浏览次数:20944 次

文章简介:今天将和大家一起探讨transform中transform-style和perspective相关属性的使用。

今天将和大家一起探讨transformtransform-styleperspective相关属性的使用。

transform-style属性

transform-style属性是3D空间一个重要属性,指定嵌套元素如何在3D空间中呈现。他主要有两个属性值:flatpreserve-3d

transform-style属性的使用语法非常简单:

transform-style: flat  preserve-3d
		

其中flat值为默认值,表示所有子元素在2D平面呈现。preserve-3d表示所有子元素在3D空间中呈现。

也就是说,如果对一个元素设置了transform-style的值为flat,则该元素的所有子元素都将被平展到该元素的2D平面中进行呈现。沿着X轴或Y轴方向旋转该元素将导致位于正或负Z轴位置的子元素显示在该元素的平面上,而不是它的前面或者后面。如果对一个元素设置了transf