CSS3中的transform-origin的用法以及与perspective、perspective-orgin的不同

transform-origin定义变换元素的基点,包括2d和3d转换。

用在元素自身,其中top,left,bottom,right是指元素的宽度或高度的左右边缘,

0px 0px代表元素的左上顶点(top,left),100% 100%代表元素的右下顶点(bottom,right)。


perspective定义镜头与元素平面的距离。相关链接   相关链接

perspective-origin定义视角(默认为元素(这个元素就是应用perspective-origin的元素,也即变换元素的父元素)的50% 50%)。

这两个属性都用于要转换元素的父元素。


你可能感兴趣的:(CSS3中的transform-origin的用法以及与perspective、perspective-orgin的不同)